/*============	Media Between Start ============ */
@media screen and (min-width: 1200px) and (max-width: 1366px) {
	.kode_LAW_content_2:before{
		right:-106px;
	}
	.kode_law_fig_cap h6{
		margin-bottom:0px;
	}
	.kode_law_fig_cap a{
		margin-bottom:15px;
	}
	.kode_attorney_img:hover .kode_attorney_caption{
		padding:32px 0px 20px;
	}
}

/*============	Media Between Start ============ */
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.kode_banner_caption{
		left:60%;
	}
	.kode_dance_blog_training span{
		top:105px;
	}
	.kode_event_wraper .owl-prev::after{
		left:12px;
	}
	.kode_event_wraper .owl-next::before{
		left:-28px;
	}
	.kode_dance_team_social{
		height:311px;
		padding:12px 0;
	}
	.kode_dance_team_caption{
		padding:40px 0 94px 32px;
	}
	.kode_dance_team_social ul li{
		padding-bottom:15px;
	}
	.kode_dance_team_social{
		padding:42px 0;
	}
	#bx-pager img{
		width:15%;
	}
	.kode_footer_gallery li:nth-child(4){
		margin:0 0 10px 9px;
	}
	.kode_footer_timing span {
		font-size: 14px;
	}
	.kode_footer_touch a{
		font-size:15px;
	}
	.kode_blog3_fig:hover .kode_blog3_fig_pho a{
		top:80px;
	}
	.kode_detail_feb{
		padding:15px 0;
	}
	.kode_detail_social ul{
		padding:22px 0px;
	}
	.kode_detail_comment_caption p {
		padding: 0 12px 0 0;
	}
	.kode_detail_img_gallery > li:nth-child(3){
		margin-right:10px;
	}
	.kode_detail_figure figcaption{
		top:42px;
	}
	.kode_detail_fig.kode_listing_2 #bx-pager img{
		width:12%;
	}
	.kode_contact_call{
		padding:37px 30px 38px;
	}
	.kode_contact_caption a {
		font-size: 14px;
	}
	.kode_gallery_fig:hover .kode_gallery_caption{
		top:100px;
	}
	.kode_gallery2_fig:hover .kode_gallery2_caption{
		left:38px;
		top:30px;
	}
	.kode_gallery2_caption span{
		margin-bottom:60px;
	}
	.kode_gallery3_caption_1{
		left:12px;
	}
}
	
/*============	Media 900Px Start ============ */ 
@media (max-width: 990px) {
	.kode_top_navi{
		padding-left:0px;
	}
	.kode_top_navi li a{
		padding-right:33px;
		display:inline-block;
	}
	.kode_banner_caption{
		left:68%;
		top:96px;
	}
	.kode_dance_studio_fig .kode_fig_1 {
		float: left;
		height: 100%;
		width: 546px;
		box-shadow:0px 0px;
	}
	.kode_dance_studio_fig{
		min-height:785px;
	}
	.kode_dance_studio_fig  .kode_fig_1  img {
		height: 90%;
	}
	.kode_dance_blog_fig{
		margin-bottom:30px;
	}
	.kode_dance_blog_training .kode_dance_blog_fig:last-child{
		margin:0px;
	}
	.kode_dance_blog_training span{
		top:170px;
	}
	.kode_dance_event_caption h4{
		margin-bottom:135px;
	}
	.kode_dance_event_ticket{
		margin-bottom:140px;
	}
	.kode_dance_team_social{
		height:100%;
		padding:240px 0px;
	}
	.kode_dance_team_caption{
		padding:280px 0 94px 32px;
	}
	.kode_dance_team_fig{
		margin-bottom:30px;
	}
	.kode_gallery_img_list:last-child{
		margin-bottom:30px;
	}
	.kode_dance_gallery_slide .kode_dance_img_list{
		width:100%;
	}
	#bx-pager img {
		width: 14%;
	}
	.kode_dance_Testimonial_wraper .bx-controls.bx-has-controls-direction{
		bottom: 0;
		top: 111%;
	}
	.kode_pricing_list {
		margin-bottom: 30px;
	}
	.kode_footer_gallery li:nth-child(4){
		margin-left:10px;
	}
	.kode_blog3_fig:hover .kode_blog3_fig_pho a{
		top:210px;
	}
	.kode_blog3_fig{
		margin-bottom:20px;
	}
	.kode_detail_social ul{
		padding:37px 0px;
	}
	.kode_detail_comment_caption p{
		padding:0px 50px 0px 0px; 
	}
	.kode_detail_area{
		margin-bottom:30px;
	}
	.kode_detail_figure img{
		width:100%;
	}
	.kode_detail_figure figcaption{
		top:135px;
	}
	.kode_detail_img_gallery > li:nth-child(3){
		margin-right:10px;
	}
	#bx-pager img{
		width:12%;
	}
	.kode_detail_tags > li:nth-child(3){
		margin-right:8px;
	}
	.kode_coming_count h1{
		font-size:100px;
	}
	.kode_contact_information {
		margin-bottom: 30px;
	}
	.kode_gallery_fig:hover .kode_gallery_caption{
		top:440px;
	}
	.kode_gallery_studio img,
	.kode_gallery_img_list img {
		width: 100%;
	}
	.kode_gallery2_wraper ul li{
		width:100%;
		margin-bottom:20px;
	}
	.kode_gallery2_fig img {
		width: 100%;
	}
	.kode_gallery2_search {
		bottom: -60%;
		float: left;
		position: relative;
		width: 100%;
	}
	.kode_top_content{
		width:32%;
	}
	.kode_top_logo {
		float: left;
		margin-bottom: 15px;
		text-align: center;
		width:39%;
	}
	.kode_top_social {
		border-right: 1px solid #dedede;
		float: left;
		margin: auto;
		padding: 8px 0;
		text-align: center;
		width: 29%;
	}

/*============	Media 768Px Start ============ */ 
@media screen and (min-width: 768px) and (max-width: 900px)  {
	.kode_top_navi li a{
		display: inline-block;
		font-size: 15px;
		padding-right: 32px;
	}
	.kode_top_navi {
		padding: 0 0 0 26px;
	}
	.kode_banner_caption {
		left: 80%;
		top: 60px;
	}
	.kode_banner_caption h3{
		margin-bottom:10px;
	}
	.kode_banner_caption h1{
		margin-bottom:40px;
		font-size:30px;
	}
	.kode_banner_caption h1 span{
		font-size:30px;
		
	}
	.kode_event_wraper .owl-prev::after{
		left: -25px;
	}
	.kode_event_wraper .owl-next::before{
		left:5px;
	}
	.kode_dance_Testimonial_wraper .bx-controls.bx-has-controls-direction{
		left:43%;
	}
	.kode_banner_caption ul li a{
		padding: 9px 25px;
	}
}
	

/*============ Media 767Px Start ============ */
@media (max-width: 767px) {
	.kode_banner_caption {
		left: 80%;
		top: 60px;
	}
	.kode_banner_caption h3{
		margin-bottom:10px;
	}
	.kode_banner_caption h1{
		margin-bottom:40px;
		font-size:30px;
	}
	.kode_banner_caption h1 span{
		font-size:30px;
	}
	.kode_top_navi{
		padding:0px 0px 0px 35px;
	}
	.kode_banner_caption ul li a{
		padding: 9px 25px;
	}
	.kode_event_wraper .owl-prev::after{
		left:-5px;
	}
	.kode_event_wraper .owl-next::before{
		left:-10px;
	}
}

/*============ Media 480Px Star ============ */
@media (max-width: 480px)  {
	.kode_dance_Testimonial_slide p{
		padding:0 47px;
	}
	.kode_top_navi{
		padding:0px 0px 0px 10px;
	}
	.kode_dance_Testimonial_wraper .bx-controls.bx-has-controls-direction{
		left:38%;
	}
	.kode_detail_filed{
		margin-bottom:40px;
	}
	#bx-pager img{
		width:12%;
	}
	.kode_dance_team_social{
		padding:90px 0px;
	}
	.kode_dance_event_ticket{
		margin-bottom:265px;
	}
	.kode_dance_event_caption h4{
		margin-bottom:195px;
	}
	.kode_dance_blog_training span{
		top:114px;
	}
	.kode_dance_left_caption p {
		font-size: 14px;
	}
	.kode_dance_studio_fig{
		width:37%;
		min-height: 100%;
	}
	.kode_dence_content h2{
		font-size:19px;
		padding-left:65px;
		margin-bottom:15px;
	}
	.kode_dence_content h2::before{
		width:50px;
		bottom:10px;
	}
	.kode_banner_caption {
		left: 126%;
		top: 38px;
	}
	.kode_banner_caption h3{
		font-size:14px;
	}
	.kode_banner_caption h1{
		font-size:20px;
	}
	.kode_banner_caption h1 span{
		font-size:20px;
	}
	.kode_banner_caption ul li a {
		font-size: 14px;
		padding: 4px 8px;
		margin-right:15px;
	}
	.kode_dance_banner .bx-pager.bx-default-pager{
		 bottom:0px;
	}
	.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a{
		height:15px;
	}
	.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a.active{
		height:18px;
	}
	.kode_top_navi li a {
		display: inline-block;
		font-size: 13px;
		padding-right: 16px;
	}
	.kode_dance_team_caption {
		padding: 135px 0 94px 32px;
	}
	.kode_footer_gallery li:nth-child(4){
		margin:0px;
	}
	.kode_blog3_fig:hover .kode_blog3_fig_pho a{
		top:127px;
	}
	.kode_blog3_pagination ul li a{
		width:42px;
		
	}
	.kode_detail_feb{
		padding:8px 0 8px;
	}
	.kode_detail_feb h1{
		font-size:25px;
	}
	.kode_detail_feb h4{
		font-size:20px;
	}
	.kode_detail_social ul{
		padding:12px 0px;
	}
	.kode_detail_social ul li a{
		font-size:14px;
	}
	.kode_detail_social ul li{
		margin-bottom:5px;
	}
	.kode_detail_caption h3{
		font-size:25px;
	}
	.kode_detail_content p{
		padding:0px;
	}
	.kode_detail_fa{
		margin-bottom:10px;
	}
	.kode_detail_fit_tag{
		float:left;
	}
	.kode_detail_comment_caption > span{
		font-size:14px;
	}
	.kode_detail_comment_caption p{
		padding:0 11px 0 0;
	}
	.kode_detail_comment_caption a{
		padding:130px 12px;
	}
	.kode_detail_figure figcaption{
		top:78px;
	}
	.kode_footer_gallery li:nth-child(4){
		margin-left:10px;
	}
	.kode_detail_caption h3{
		font-size:20px;
	}
	#bx-pager img {
		margin-right: 6px;
		width: 11%;
	}
	.kode_footer_gallery li:first-child{
		margin-left:8px;
	}
	.kode_copyright_social{
		float:left;
	}
	.kode_copyright_caption p{
		margin-bottom:20px;
	}
	.kode_coming_count h1 {
		font-size: 60px;
		margin-bottom: 60px;
	}
	.countdown li{
		padding:0 14px;
	}
	.countdown li span{
		line-height:80px;
		width:80px;
		height:80px;
	}
	.kode_coming_form input{
		width:280px;
	}
	.kode_coming_form button{
		padding:0 25px 9px 21px;
	}
	.kode_coming_form{
		margin:auto auto 85px;
	}
	.kode_coming_social ul{
		width:430px;
	}
	.kode_gallery_fig:hover .kode_gallery_caption{
		top:244px;
	}
	.kode_gallery_studio .bx-prev.disabled:after{
		left:0px;
	}
	.kode_gallery_studio .bx-next.disabled:before{
		left:-10px;
	}
	.kode_gallery2_search{
		bottom:-30%;
	}
	.kode_top_content{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	.kode_top_logo{
		width:100%;
	}
	.kode_top_social{
		width:70%;
	}
	.kode_top_content ul{
		margin:auto;
		text-align:center;
		float:none;
	}
	.kode_footer_gallery{
		padding:0px 52px;
	}
	.kode_top_navigation{
		background:none;
		padding:0px;
	}
	.kode_top_navibar{
		display:none;
	}
	.dl-menuwrapper{
		display:block;
		margin-bottom:15px;
	}
	.kode_top_strip{
		padding-bottom:10px;
	}
	.dl-menuwrapper {
		float: left;
		text-align: center;
		width: 100%;
	}
	.dl-menu {
		background-color: #333;
		float: left;
		left: 23%;
		position: relative;
	}
	.dl-submenu > li:hover{
		background-color:#000;
	}
}
/*============ Media 360Px Star ============ */
@media (max-width: 360px)  {
	.kode_banner_caption {
		left: 68%;
		top: 30px;
	}
	.kode_banner_caption h1 {
		font-size: 14px;
	}
	.kode_banner_caption h3 {
		font-size: 11px;
	}
	.kode_banner_caption h1 span {
		font-size:14px;
	}
	.kode_dance_banner .bx-wrapper .bx-controls-direction .bx-next:after,
	.kode_dance_banner .bx-wrapper .bx-controls-direction .bx-prev:after{
		font-size:20px;
	}
	.kode_banner_caption ul li a {
		font-size: 10px;
		margin-right: 15px;
		padding: 0 5px;
	}
	.kode_banner_caption h1{
		margin-bottom:8px;
	}
	.kode_dance_caption a{
		padding:10px 35px 11px;
	}
	.kode_dance_blog_training{
		width:84%;
	}
	.kode_dance_left_caption p{
		font-size:11px;
	}
	.kode_dance_blog_training span{
		top:77px;
	}
	.kode_danced_blog_kode h3{
		font-size:20px;
	}
	.kode_danced_blog_kode ul li a {
		display: inline-block;
		font-size: 13px;
		font-style: italic;
		padding-right: 20px;
	}
	.kode_dance_event_caption h4{
		margin-bottom:120px;
	}
	.kode_dance_event_ticket{
		margin-bottom:140px;
	}
	.kode_dance_team_social{
		padding:30px 0px;
	}
	.kode_dance_team_caption{
		padding:69px 0 94px 32px;
	}
	#bx-pager img {
		width: 11%;
	}
	.kode_detail_fig.kode_listing_2 #bx-pager img {
		width: 12%;
	}
	.kode_dance_gallery_slide .bx-wrapper .bx-controls-direction .bx-prev::before,
	.kode_dance_gallery_slide .bx-wrapper .bx-controls-direction .bx-next::after{
		top:-10px;
	}
	.kode_dance_Testimonial_slide p{
		padding:0px 30px;
	}
	.kode_blog3_fig:hover .kode_blog3_fig_pho a{
		top:96px;
	}
	.kode_blog3_pagination ul li a{
		width:31px;
	}
	.kode_blog3_pagination .kode_pagi_2,
	.kode_blog3_pagination .kode_pagi_1{
		width:70px;
	}
	.kode_detail_feb h4,
	.kode_detail_feb h1{
		font-size:15px;
	}
	.kode_detail_social ul{
		padding:6px 0px;
	}
	.kode_detail_social ul li{
		margin:0px;
		line-height:20px;
	}
	.kode_detail_social ul li a{
		font-size:12px;
	}
	.kode_detail_social{
		width:75px;
	}
	.kode_detail_caption h3{
		font-size:19px;
	}
	.kode_detail_caption ul{
		margin-bottom:10px;
	}
	.kode_detail_comment_caption a{
		padding:200px 12px;
	}
	.kode_detail_comment_caption > span{
		font-size:12px;
	}
	.kode_detail_comment_caption p{
		font-size:13px;
	}
	.kode_detail_filed{
		margin-bottom:35px;
	}
	.kode_detail_figure figcaption{
		top:54px;
	}
	.kode_footer_gallery li:first-child{
		margin-left:10px;
	}
	.kode_copyright_caption p{
		font-size:13px;
		margin-bottom:20px;
	}
	.kode_copyright_social {
		float:left;
	}
	.kode_detail_caption h3{
		font-size:15px;
	}
	.kode_detail_caption ul li a{
		font-size:14px;
		margin-right:15px;
	}
	#bx-pager img {
		margin-right: 0px;
		width: 10%;
	}
	.kode_coming_count h1{
		font-size:45px;
		margin-bottom:45px;
	}
	.countdown li h5{
		font-size:14px;
	}
	.countdown li span {
		height: 50px;
		line-height: 50px;
		width: 50px;
		margin-bottom:20px;
	}
	.countdown li {
		padding:0 8px;
	}
	.countdown li span::before{
		left:-6px;
		right:-6px;
		top:-6px;
		bottom:-6px;
	}
	.kode_coming_form input{
		width:200px;
	}
	.kode_coming_form button{
		padding:0 13px 9px;
		margin-left:10px;
	}
	.kode_coming_social ul{
		width:335px;
	}
	.kode_coming_social ul li a{
		padding:0px 15px;
	}
	.kode_coming_counter{
		margin-bottom:40px;
	}
	.kode_coming_form{
		margin:auto auto 60px;
	}
	.kode_404_caption p{
		font-size:13px;
	}
	.kode_gallery_fig:hover .kode_gallery_caption{
		top:170px;
	}
	.kode_gallery2_search{
		bottom:-13%;
	}
}
/*============ Media 320Px Star ============ */
@media (max-width: 320px)  {
	.kode_banner_caption{
		left:85%;
	}
	.kode_copyright_caption p {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a{
		height:9px;
	}
	.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a.active{
		height:12px;
	}
	.kode_dance_banner .bx-pager.bx-default-pager{
		bottom:-10px;
	}
	.kode_dance_caption a{
		padding:10px 29px 11px;
	}
	.kode_dance_blog_training{
		width:83%;
	}
	.kode_dance_left_caption p{
		font-size:10px;
	}
	.kode_danced_blog_kode h3{
		font-size:17px;
	}
	.kode_dance_event_ticket{
		margin-bottom:88px;
	}
	.kode_dance_team_caption{
		padding:40px 0 94px 32px;
	}
	.kode_dance_classes_hdg.classes-2{
		padding:40px 0px 0px;
	}
	.kode_dance_team_social{
		padding:45px  0;
	}
	.kode_dance_team_social ul li{
		padding-bottom:11px;
	}
	.kode_dance_team_social{
		padding:47px 0;
	}
	.kode_blog3_fig:hover .kode_blog3_fig_pho a{
		top:82px;
	}
	.kode_blog3_pagination .kode_pagi_2,
	.kode_blog3_pagination .kode_pagi_1,
	.kode_blog3_pagination ul li a{
		font-size:12px;
		height:45px;
		line-height:45px;
	}
	.kode_blog3_pagination .kode_pagi_1:after{
		border-width:21px 20px 22px 0;
	}
	.kode_blog3_pagination .kode_pagi_2:before{
		border-width:20px 0 23px 20px;
	}
	.kode_blog3_pagination ul li a{
		width:22px;
	}
	.kode_detail_social{
		width:60px;
	}
	.kode_detail_feb h4,
	.kode_detail_feb h1{
		font-size:12px;
	}
	.kode_detail_social ul li a{
		font-size:10px;
	}
	.kode_detail_social ul li{
		line-height:17px;
	}
	.kode_detail_caption h3{
		font-size:16px;
	}
	.kode_detail_caption ul li a{
		font-size:14px;
		margin-right:22px;
	}
	.kode_detail_figure figcaption{
		top:48px;
	}
	.kode_detail_tags > li:nth-child(3){
		margin-right:8px;
	}
	.kode_copyright_social {
		float:left;
	}
	.kode_copyright_caption > p{
		padding-bottom:20px;
	}
	.kode_detail_caption h3{
		font-size:13px;
	}
	.kode_detail_caption ul li a {
		font-size: 12px;
		margin-right: 10px;
	}
	.kode_detail_caption.listing_caption > ul{
		margin-bottom:5px;
	}
	.kode_detail_caption.listing_caption > h3{
		margin-bottom:9px;
	}
	#bx-pager img {
		margin-right: 1px;
		width: 10%;
	}
	.kode_coming_count h1{
		font-size:38px;
	}
	.countdown li span {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 20px;
		width: 40px;
	}
	.countdown li h5{
		font-size:12px;
	}
	.kode_coming_form input{
		width:180px;
	}
	.kode_coming_form button {
		font-size: 17px;
		margin-left: 10px;
		padding: 0 9px 9px;
	}
	.kode_coming_form{
		margin:auto auto 50px;
	}
	.kode_coming_counter{
		margin-bottom:30px;
	}
	.kode_coming_social ul{
		width:286px;
	}
	.kode_contact_caption > p{
		font-size:14px;
	}
	.kode_contact_caption > h5{
		font-size:15px;
	}
	.kode_404_caption h1{
		font-size:110.04px;
	}
	.kode_404_caption p{
		font-size:11px;
		margin-bottom:20px;
	}
	.kode_404_caption h5{
		margin-bottom:13px;
	}
	.kode_404_caption h1{
		margin-bottom:20px;
	}
	.kode_gallery_fig:hover .kode_gallery_caption{
		top:150px;
	}
	.kode_gallery2_search{
		bottom:-2%;
	}
}