.banner .callbacks_container ul li img {
    height: auto !important;
    width: 100% !important;
}
a.nin {
    color: #fff !important;
} 
#nav #cssmenu .current a{ color:#ffffff;}      
@media only screen and (min-width:1024px) and (max-width:1180px){
.newsletter{ width:35%;}	
}
@media only screen and (min-width: 768px) and (max-width:1023px){
.sub_img img {
    height: 60px;width:64px!important; margin-top:5px!important;}


#slider-content {height:310px!important; width:100%!important;}
#slider-content img {
    height: 300px !important;
    width: 90% !important;
}
.img_view img{width:300px; }
#pro_list li{width:22%; margin-left:15px; margin-right:0px!important}
#logo{ width:100%;}
#slider {
    height: 360px!important;
    overflow: hidden;
}
.in_container{width:96%!important;}
#container{width:100%!important; margin: 0 auto;} 
#nav li a{ padding: 24px 10px 0!important;   font-size: 10px !important;}    
.mid_boxs ul li img{width:100%;}
.bottom_boxs ul li{width:21%;}
.bottom_boxs ul li img{width:100%;}  
.newsletter{width:45%}
.newsletter input[type="text"]{width: 60%;}
.right_icons{z-index:999;}

.bottom_boxs .in_container li p{ height:88px;}
.product-image .front-image img{ height:200px; width:100%;}
#pro_list li a { font-size: 14px; line-height: 19px; }
.col-2.col-type-2 #content-main{    width: 49%;}
#content-sub table{ width:100%;}
.view_right{  width: 28%;}
.mid_boxs ul li{width:30%;     min-height: 276px;}

}
@media only screen and (max-width:767px){
#nav-magic{ display:none;}	
.front-image img{ width:100%;}
#cssmenu ul li{ width:92%;}
#nav ul{ margin-bottom:20px;} 
#cssmenu{    border-radius:0px;     width:100%;}  
#cssmenu > ul > li > a, #cssmenu ul ul li a, #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a{ background:#eeeeee; border-bottom:1px solid #cccccc;}
#cssmenu > ul > li > a:hover{ background:#182A61; color:#ffffff;}
#nav li a:hover{color:#ffffff!important;} 
.in_container{width:93%!important;}
.four-img{ width:97%;}
.in_container .four-img  img { height: auto; width: 100%; }
.banner{ width:100%;}
#pro_list li{ margin-top:0 !important;}  
#content-sub table{ width:100%;}
.callbacks_container{ width:100%;}
#pro_list li a { font-size: 14px; line-height: 19px; }  
.demo-2 .sl-slider h2{ font-size:19px;}
.demo-2 .sl-slider h3{font-size: 24px;} 
.call{font-size: 12px;}

.sub_img img {height:90px;}
.img_view{width:100%; text-align:center}
.img_view img{width:100%; margin:0 auto; height:100%;}
.dis_view{width:95%; float:none; margin:0 auto;}
.view_left{float:none; width:98%;} 
.dest_mid ul li{ width:31%;}
.view_right{float:none; width:300px; margin:0 auto;}
#pro_list li{width:29%; margin-left:15px; margin-right:0px!important}
#nav{top: 0!important; height:60px!important;}
#nav li.current a{color:#dd5511!important}
#nav li a{line-height:18px;}
#container{width:100%!important;}
.socile{float:none; text-align:center}
.call{float:none; text-align:center}
#header{height:auto!important;}
#logo{position:inherit!important; top:auto!important; width:216px!important; margin:0 auto; text-align:center}
#nav{position:relative!important; width:100% !important;}  
#nav-magic { background: transparent none repeat scroll 0 0 !important;}
#slider-content{width:100%!important;   height:180px !important;}
#slider{width:100%!important;   height:200px !important;}
#slider-content div{width:100%!important;}
#slider-content img{width:100%!important; height:200px!important;}
.mid_boxs ul li{margin-bottom:10px!important; float:none; text-align:center; width:94%; margin:0 auto;}
/* .bottom_boxs ul li{margin-bottom:10px!important; float:none; text-align:center; width:94%; margin:0 auto;} */
.mid_boxs ul li:last-child, .bottom_boxs ul li:last-child{margin-right:auto;}
.newsletter{width:275px}
.newsletter input[type="text"]{width: 50%;}
.fot_left{float:none;}
.fot_right{float:none; padding-top:10px;}
.mid_boxs ul li img {  width: 100%;}
#pro_list li{ width:46%; margin-bottom:14px;} 
.col-2.col-type-2 #content-main{ float:none !important; width:95% !important;}
.col-2.col-type-2 #content-sub{ float:none !important; width:100% !important; margin-top:2%;}  
 #cssmenu #menu-button::before, #cssmenu .submenu-button::before{ right: 12.5px;}
}
@media only screen and (max-width: 479px){
#pro_list li{ width:100%; margin:0 0 15px;} 
#cssmenu > ul > li > a, #cssmenu ul ul li a, #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a{     width: 95.8%; display:block;}
.booking_form label{ width:100%;}
.demo-2 .sl-slider h2{ font-size:17px;}
.demo-2 .sl-slider h3{font-size: 20px;} 
}