@media(max-width: 1800px)
{
.planning p br { display: none;}
}
@media(max-width: 1300px)
{
 .banner_cnt { padding: 0 15px; max-width: 100%; bottom: 30px;} 
.planning p br { display: none;}
.planning p	   { font-size: 20px;}
	nav > ul { margin: 0;}
.footer_topin:after { right:0; top:0;}	
	
}
@media(max-width: 1200px)
{   
	.beyond { padding: 148px 0 116px 0; max-width: 800px; margin: 0 auto;}
	.planning span { margin: 0; position: absolute; bottom:20px; left: 0; right: 0;}
	.planning h3 { font-size: 40px;} 
	.tranning_in { bottom: 20px; padding: 0 0 80px 0;}
	/*.slick-next {right: -25px;}
	.slick-prev {left: -25px;}*/
	.footer_nav ul li a { font-size: 20px; margin: 0 4px 0 0;}
	.footer_nav ul li { margin: 0 6px 0 0;}
	.copy_right ul li { margin: 0 2px 0 0;}
	.copy_right ul li p { font-size: 16px;} 
	.slick-next { width: 40px; height: 72px;}
	.slick-prev { width: 40px; height: 72px;}
}
@media(max-width: 1100px)
{   .footer_topin:before { width: 490px;  height: 514px;}
	.footer_topin:after { width: 688px; height: 533px;}
	.beyond { padding:98px 0 116px 0; max-width: 600px; }
	
	.slick-next { width: 40px;  height: 72px;}
	.slick-prev { width: 40px;  height: 72px;}
	.test_in  { max-width:800px;}
	.testimonial_blog { padding: 60px 0 120px 0;}	
	.planning h3 { font-size: 40px; }
	.making h5 { font-size: 28px; margin: 0 0 30px 0;} 
	
	.making  { padding: 40px 0 230px 0;}
	
	.tranning_in figure img { width:260px;}
	.tranning_in figure { margin: -125px auto 0 auto;}
	.planning p { font-size: 18px; }
	.planning span i { font-size: 50px; }
	

}
@media(max-width:1024px){ 
body, p  { font-size: 18px; }

	
.banner_cnt h1 { font-size: 60px; }	
.planning h3   { font-size: 44px; }
.planning span i { font-size: 54px; }
.test_in  { max-width: 700px;}
.planning h3 { font-size: 36px; }
.planning p  { font-size: 18px; }
.making { padding: 40px 0 200px 0;}
.footer_bottom { padding: 20px 0 15px 10px;}	
	
/*.slick-next { right:0;}
.slick-prev { left:0;}*/
	
}  
@media(max-width:991px){ 
.banner_cnt h1 { font-size:48px; }	
.making h2 { font-size: 54px;  margin: 0 0 5px 0;}
.making p  { padding:0 0 20px 0;}
	
.slick-next {width: 30px;height: 42px;}
.slick-prev{width: 30px;height: 42px;}
/*.test_in  { max-width:600px;}*/	
.test_in p { font-size: 16px;}	

.making h5 { font-size: 26px;  margin: 0 0 15px 0;}	
.making p{ font-size: 16px;padding: 0 0 15px 0;}		
.planning h3 { font-size: 28px; }
.planning p  { font-size: 16px; }
.planning span i { font-size: 40px; }	
.slick-slide img { width: 100px;}	
.test_in a { margin: 0 0 30px 0;}
.slick-prev { margin:-23px 0 0 0;}
.slick-next { margin:-23px 0 0 0;}

.tranning_in figure img { width: 180px;}
.tranning_in figure { margin: -90px auto 0 auto; }	
.making { padding: 40px 0 130px 0;}
.testimonial_blog { padding: 60px 0 80px 0;}	
	
.footer_nav ul li a { font-size: 18px; line-height: 20px;}	
.footer_nav  { padding: 0 5px;}
.footer_nav ul li { margin: 0;}	
.copy_right ul li p { font-size: 14px; line-height: 14px; margin: 0 6px 0 0;}
	 
	 /* menu */
    .side_bar ul{text-align: left;}
    .dropdown:hover{background: inherit;}
     nav{display: block;}
    .dropdown > ul{text-align:left;}
    .side_bar{display:none;width:100%;background: #ffffff;height: 100%;position: fixed;top:119px;z-index: 99;
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-web-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		overflow: auto;padding: 0;text-align: center;
	    height: calc(100% - 49px);
		height:-webkit-calc(100% - 49px);
	}
    .side_bar ul li a{color: #425563;padding: 15px 10px;display: block;font-weight:400;position: relative;}
    .side_bar ul li button{font-family: FontAwesome;outline: none;border: none;background: none;font-size: 18px;line-height: 20px;color: #fff;}
    #nav-icon{width:40px;height: 28px;position:relative;margin:0px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor: pointer;padding: 0;position: absolute;right: 0;z-index: 1;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    #nav-icon span{display: block;position: absolute;height:5px;width: 100%;background: #a4683c;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    #nav-icon span:nth-child(1){top:0px;}
    #nav-icon span:nth-child(2){top:11px;}
    #nav-icon span:nth-child(3){top:22px;}
   .open #nav-icon span:nth-child(1){top:14px; -webkit-transform:rotate(135deg);  -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
   .open #nav-icon span:nth-child(2){opacity:0; left:-60px;}
   .open #nav-icon span:nth-child(3){top:14px; transform: rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
    .menu{display: block;position: absolute;right:10px;top: 0;background: #41B6E6;padding: 10.5px 8px;}
    .open .side_bar{right: 0;display: block;top: 49px;}
    .open .wrapper {top: 0px;overflow: hidden;}
    .open.side_bar{display:block;}
    .dropdown > ul{position: static;width:100%;}
    .dropdown > a:after{position: absolute;content: "\f078";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #a4683c;right:20px;top: 5px;font-size: 18px;}
    .dropdown.active > a:after{content:"\f077";color: #a4683c;}
 .dropdown1 .plus:after{position: absolute;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color:#ffffff;right:20px;top: 16px;content: "\f054";font-size: 18px;}
    .dropdown1.active .plus:after{}
    .dropdown .dropdown > ul{display: none;}
	 nav { display: none;}
  
   
	nav > ul > li { display: block; float: none;}
	nav > ul { float: none;} 
	.mob_nav nav { display: block !important;}
	nav > ul > li > a  { text-align: center; padding:5px 0;color: #425563;}
	nav > ul > li > a:focus {color: #425563; }
	.dropdown > ul > li > a { text-align: center; padding: 5px 0;}
	nav > ul > li{ margin: 0;}
	.mob_nav { padding: 20px 0;}
	.header_bottomin {padding: 12px 0 4px 0;}
	.nav_main { padding: 0;}
	.logo a img { margin:-15px 0 0 0;}
	.footer_topin:after { width: 400px;  height: 400px;}	
	
	.wrapper { padding:104px 0 0 0;}
	.slick-dots li button { width:20px;  height:20px;}	
	.slick-dots li { width:20px;  height:20px;}	
} 
@media(max-width:767px)
{ 
  .wrapper { padding:94px 0 0 0; }
    .logo img {width: 190px;}
h2 { font-size: 28px; margin: 0 0 20px 0;}
.banner_cnt h1 { font-size:38px;  }		  
.banner_cnt { bottom:15px;}	 
.message img { width: 80px;}	
.test_in a { margin: 0 0 20px 0;}
    .testimonial {margin: 0px 50px 0px 50px;}
.slick-prev { left: -50px;}	
.slick-next { right:-50px;}	
.slick-dots li button { width: 20px; height: 20px;}
.slick-dots li { margin: 0 3px;}	
.tranning_in figure { margin:0 auto; }
.tranning_list { padding:30px 15px 0 15px;}
.planning p { min-height: 0;}	
.planning   { padding: 30px 0 15px 0;} 	
.making h2 { font-size: 40px;}	
	
	
.making h5 {font-size: 24px;margin: 0 0 10px 0;}
.making p  { padding: 0 0 10px 0;}	
.making { padding: 25px 15px 20px 15px;}
	
/*.test_in { max-width: 400px; padding: 40px 0 40px 0;}	
.testimonial_blog { padding:30px 0 50px 0;}	 */ 
.slick-dots li button { width: 15px;  height: 15px;}	
.slick-dots li 	{ width: 15px;  height: 15px;}	
.tranning_in figure img { width: 280px;}
.copy_right  { text-align: center;}	
.footer_nav  { text-align: center;}	
.footer_nav ul { float:none;}	
.footer_bottom { padding: 14px 0 8px 0;}	

    
.test_in p  { padding: 0 10px;}
.footer_topin:after { width: 300px;  height:300px;}	
.test_in { padding:40px 0 40px 0;}	
}
@media(max-width:576px){ 
body, p  { font-size: 15px; }
  .wrapper { padding:87px 0 0 0; }
    
.banner figure { padding-top: 40%;}
    
  .banner_cnt h1 { font-size:30px; }		  	 
  .banner_cnt { bottom:10px; padding:0 10px;}	 
  .banner figure img {height: 230px; object-fit: cover;} 	
  .tranning_in { padding: 0 0 60px 0;}
  .tranning_in figure img { width:200px;}	
	
.making h2 { font-size: 32px; } 
.making h5 { font-size: 20px;  margin: 0 0 5px 0;}	
.making p {  font-size: 15px;  padding: 0 0 5px 0;}
/*.test_in  { padding: 20px 0 40px 0;}  
.testimonial_blog { padding: 20px 0 20px 0;}*/  
.test_in a { margin: 0 0 10px 0; }	
.message img { width: 60px; }
.logo a img { width: 190px;}	
 
.test_in p  { font-size: 14px;  }	

.slick-prev { width: 20px; height: 29px; margin: 0;}	
.slick-next { width: 20px; height: 29px; margin: 0;}	
.test_in p { padding: 0 20px;}	
	
.footer_topin:after { width: 268px;  height: 280px;}
.beyond_logo ul li a img { width: 90px; height: 90px;} 	
.beyond_logo ul li a { font-size: 50px; }	
.beyond_logo { margin: 0 0 15px 0;}	
	
.footer_topin:before { width: 100%; height:410px;}
.beyond { padding: 78px 0 96px 0;}	
.addres ul li {   padding: 8px 0 8px 50px; margin: 0 0 10px 0;}	
.addres ul li a { font-size: 22px;}		
.contact ul li { margin: 0 0 0 8px;}
.header_bottomin { padding:13px 0 6px 0;}	
	
.stiky .logo a img { width: 150px; height: auto; }
.stiky .nav_main   { padding:0;}
	
	
}   
@media(max-width:479px){ 
.banner figure { padding-top: 45%;}
  .banner_cnt h1 { font-size:24px; }
    .banner figure img {height:200px; object-fit: cover;} 
	.copy_right ul li p { font-size: 12px;  margin: 0 5px 0 0;}
	.footer_nav ul li a { font-size: 15px; }
	
	.making h2 { font-size:26px;} 
	/*.test_in { max-width: 280px;}*/
    .testimonial {margin: 0px;}

.slick-prev {display: none;}	
.slick-next {display: none;}	

    
    .beyond  { padding: 48px 0 48px 0;} 
	.beyond_logo ul li a { font-size: 40px;  }
	.beyond_logo ul li a img { width: 70px; height: 70px;}
	.footer_topin:before { width: 100%; height: 312px;}
	.footer_topin:after { width: 180px; height: 180px;}
}
@media(min-width:992px){ 
.dropdown:hover > ul {display: block;} 
.mob_nav { display: none !important;}
	img.float-right {
	margin-left: 15px !important;
        float: right !important;
	}

	img.float-left {
		margin-right: 15px !important;
        float: left !important;
	}
    
    
    
}