
/*========================  Mobile  ========================*/
@media (min-width : 320px) and (max-width: 479px) {
.vision_misionSec img { max-width: 50px }
}

@media (min-width: 480px) and (max-width: 599px) {
}

@media (min-width: 600px) and (max-width: 767px) {
}

@media (max-width: 767px) {
header { padding: 15px 0; }
#cssmenu.small-screen #menu-button:before { background: #191919 }
#cssmenu.small-screen #menu-button:after { border-color: #191919; height: 8px; }
#cssmenu.small-screen ul { display: block; position: fixed; z-index: 100; background: #0187c7; margin-top: 35px; right: 0; left: 0; }
.carousel-caption { top: 0; left: 0; right: 0; }
.carousel-caption .h3-responsive, .carousel-caption p { font-size: 18px }
.carousel_controls { bottom: 5px }
.carousel_controls a { margin: 0 10px; }
.service_head { padding: 0 0 30px 0; font-size: 22px; }
.service_head:before { content: ""; height: 35px; width: 1px; display: block; margin: 0 auto; background: #707070; margin-bottom: 20px; }
.service_head:after { content: ""; height: 35px; width: 1px; display: block; margin: 0 auto; background: #707070; margin-top: 20px; }
.home_service_row { background: #f9f9f9; display: block !important; }
.home_service_row div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.home_service_row .serv_content { padding-left: 0; }
.about_sec, .product_sec, .client_sec, .get_inTouch, .vision_sec, .vision_misionSec, .login_page, .Compact_Page { padding: 50px 0 }
.about_sec h2, .home_service_row .serv_content h2 { font-size: 22px; margin-top: 20px; margin-bottom: 15px }
.home_service_row.flex-row-reverse .serv_content { padding-right: 0; text-align: left }
.product_thumb { margin-bottom: 15px; }
.contact_form { margin-top: 20px }
.btn_right { text-align: left }
.footer_menu li a { color: #000; padding: 6px 16px 6px 0; font-size: 12px; letter-spacing: 0; font-weight: 400; }
.footer_social { text-align: left !important; margin-top: 20px }
.footer_social a { margin-left: 0; margin-right: 30px; }
.footer_bottom { text-align: center }
.map_sec iframe { max-height: 300px }
.vision_sec .align-self-center { display: none }
.mobile_none { display: none }
}

/*========================  Tab mini  ========================*/

@media only screen and (min-width:768px) and (max-width:991px) {
header { padding: 15px 0; }
#cssmenu > ul > li > a { padding: 15px 5px; font-size: 14px; }
.login_link { width: 80px }
.about_sec, .product_sec, .client_sec, .get_inTouch, .vision_sec, .vision_misionSec, .login_page, .Compact_Page { padding: 50px 0 }
.carousel-caption .h3-responsive, .carousel-caption p { font-size: 30px }
.service_head { padding: 0 0 30px 0; font-size: 22px; }
.service_head:before { content: ""; height: 35px; width: 1px; display: block; margin: 0 auto; background: #707070; margin-bottom: 20px; }
.service_head:after { content: ""; height: 35px; width: 1px; display: block; margin: 0 auto; background: #707070; margin-top: 20px; }
.about_sec h2, .home_service_row .serv_content h2 { font-size: 22px; margin-top: 20px; margin-bottom: 15px }
.footer_menu li a { padding: 6px 5px }
.footer_social { padding-top: 15px; text-align: center !important }
.product_thumb .caption { padding: 20px }
.product_thumb .caption h3 { font-size: 14px; min-height: 40px; }
.carousel_controls { bottom: 20px }
.home_service_row .serv_content { padding-left: 40px; }
.home_service_row.flex-row-reverse .serv_content { padding-right: 40px }
.vision_sec .align-self-center { display: none }
.mobile_none { display: none }
}

@media (max-width: 991px) {
.footer_menu { -ms-flex-pack: center!important; justify-content: center!important; }
}

@media (min-width: 992px) {
.footer_menu li a { color: #000; padding: 6px 8px; font-size: 14px; letter-spacing: 0; }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
#cssmenu > ul > li > a { padding: 14px 10px; }
.login_link { width: 80px }
.product_thumb .caption { padding: 20px }
.product_thumb .caption h3 { font-size: 18px; min-height: 40px; }
}

@media (min-width: 1366px) {
.container-fluid { padding: 0 50px }
}
