@media only screen and (max-width: 1230px){
    .office{margin-left: 30px;}
}
@media only screen and (max-width: 991px){
    .navbar{height: 85px;}
    .navbar-light .navbar-brand{padding: 0;}
    .logo_company_name{left: 75px;top: 23px;}
    .navbar-light .navbar-toggler{border: none;}
    .navbar-toggler:focus, .navbar-toggler:hover{outline: none; box-shadow: none;}
    .navbar-collapse{background-color: #fff !important;box-shadow: 0 3px 6px rgba(0,0,0,.2) !important;}
    .navbar-light .navbar-nav .nav-link{padding: 10px 20px;}
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{background-color: #f1f1f1;}
    .dropdown .dropdown-divider{margin: 0;}
    .navbar .dropdown-menu{padding: 0;}
    .navbar-light .navbar-nav .nav-link{border: none!important;}
    .navbar-nav .nav-item:first-child .nav-link{border: none !important;}
    .services_page_header > h1 > span{font-size: 1.5rem;}
    .services_page_header{left: -420px !important;}
    
    /** Slider Menu **/
    .vanilla-indicators > a{font-size: 16px;}
}
@media only screen and (max-width:767px) {
    .h1, h1{font-size: 1.7rem;}
    /** slider **/
    #vanilla-slideshow .vanilla-slide img{height: 50vh !important;}
    #vanilla-slideshow-container{height: 50%;}
    .vanilla-indicators{height: 12.8%;}
    .vanilla-indicators > a{font-size: 15px; line-height: 16px;margin-left: 10px;}
    .vanilla-indicators.vanilla-active>a{font-size: 18px;}
    .service_overview .service_details{padding: 10px 30px;}
    .service_overview .service_details p{line-height: 18px;font-size: 0.8rem;}
    
    .product_info{margin: 0 auto 50px auto;}
    .product_details{flex-direction: column;}
    .product_details .product_specifications{flex-basis: 100%;margin: 0 0 15px 0;}
    .product_details .product_specifications h3{font-size: 1.4rem;}
    .product_details .product_img{flex-basis: 100%;margin-bottom: 15px;}
    .product_details .product_specifications .more_details_btn > a{font-size: 16px;}
    .footer_logo{display: none;}
    footer .office{width: 90%; margin: 10px auto;}
}
@media only screen and (max-width: 600px){
    #vanilla-indicators{display: none;}
    #vanilla-slideshow .vanilla-slide{width: 100%; left: 0;}
    #vanilla-slideshow-container{height: 40%;}
    #vanilla-slideshow .vanilla-slide img{height: 40vh !important;}
    .service_overview .service_details{width: 90%;padding: 10px !important;}
    .service_overview .service_details p{line-height: 15px;}
}
@media only screen and (max-width: 575px){
    .product_info{width: 80%;}
    .product_heading{margin: 0 !important;}
    footer .office{width: 80%;}
}
@media only screen and (max-width: 435px){
    .services_page_header > h1 > span{font-size: 1.1rem;}
    .services_page_header{left: -430px !important;}
    .service_overview .service_details p{font-size: 12px;}
    footer .copyrights p{font-size: 0.52rem;}
}