@media only screen and (max-width:1300px){
    .main_menu li a { padding: 7px 10px; font-size: 11px; }
}

@media only screen and (max-width:1200px){    
    .social_navfooter li a img {  width: 30px;}
    .map_contact { height: 300px;  }
    .box_servicespackes p span { display: block; margin-bottom: 5px;}
    .box_servicespackes p { margin: 0 0 15px 0; }
}

@media only screen and (max-width:992px){
    nav .brand-logo{left: initial !important; display: inline !important; position: inherit !important; }
    .box_slider h3 { font-size: 15px; }    
    .common {  margin-top: 30px !important; margin-bottom: 30px !important;}
    .box_head { margin: 30px 0; }
    .nav_footer li { float: left;  width: 50%;}
    .head_footer { margin: 20px 0 30px;}  
    footer { padding: 50px 0 50px 0 !important; }
    .dec_boxfloor p { margin-top: 25px; }
    .vidio_box .vidio_iframe {height: 500px }
    .main_menu { position: fixed;  left: -300px;  top: 0;  bottom: 0;  background: #fff; z-index: 999; width: 300px; margin: 0;}
    .main_menu li {  width: 100%;}
    .main_menu li a {  padding: 10px;  line-height: 2; border: 0;  font-size: 12px;}
    .main_menu { -webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;}
    header.stickey-nav .main_menu { margin-top: 0px; }
    .menu-main-menu-container {  width: 100%;  display: table;}
    .menu-main-menu-container ul {  width: 100%;}
    .img_picture img { margin: 0;}
    .img_picture { padding-bottom: 0;}
    .contact_form .box_head {  text-align: center;}
    .map_contact { height:250px;  }
    .servicebox { padding: 20px; }
    .custom_nav .brand-logo img { margin-bottom: 20px; margin-top: 0; }

}

@media only screen and (max-width:767px){
    .contact_nav, .social_nav {  margin: 5px 0;}
    footer ul li a { padding-bottom: 8px;}
    .vidio_box .vidio_iframe { height: 300px;}
    .img_picture {  margin-top: 20px;    }
    .custom_bradcum .breadcrumb { font-size: 10px; }
    .custom_bradcum { padding: 10px 0;}
    .map_contact { height:150px;  }
    .img_company { width: 100%;  float: none;}
    .img_company .image_box { margin: 15px auto;  width: 80%;}
    .heade_service{width: 80%; }
    .main_menu { width: 200px;}
    .box_slider { top: 50%;}
    
}

@media only screen and (max-width:600px){
    .socialbar {width: 100%;}
    .box_slider h3 { font-size: 12px;}    
    .box_slider {top: 30%;}
    .socialbar .button-collapse {float: right;}
    .contact_nav li a i { margin-right: 5px;}
    .contact_nav li a {font-size: 12px;}
    .social_nav li a img { width: 27px;}
    .custom_sidenav { width: 200px !important;}
    footer {  padding: 20px 0 20px 0 !important;}
    .bigbox figure { margin-top: 50px;}
    .bigbox figure img {  width: 80%; margin: 0 auto;  display: table;}
    .form_quote .input-field input[type=text], .form_quote .input-field textarea { padding: 10px; }
    .box_head { margin: 15px 0; }
    .box_head img { max-width: 80%;}
    .contact_nav, .social_nav { float: right; }
    .servicebox { min-height: auto;  margin-top: 40px;}   
    .service_dec {  width: 90%; margin: 15px auto; }
    .box_slider .btn_main { height: 34px !important; padding: 0 12px; margin: 5px auto 0 auto; font-size: 10px;}

}

@media only screen and (max-width:420px){
    .form_quote .input-field label { font-size: 12px;}
    .contact_nav, .social_nav {margin: 10px 0;}
    .nav_footer li {width: 100%; }
    .bx-wrapper .bx-controls-direction a { width: 20px !important; height: 20px !important;}
    .bx-controls-direction { left: 2%;  right: 2%; }
}

@media only screen and (max-width:420px){
    .box_slider h3 {  font-size: 9px; }
    .box_slider { top: 15%; }
}