
@media only screen and (min-width:200px) and (max-width:767px) {
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
    /* .w-100.text-white img{
        width: 150px !important;
    } */
    .logo_img img{
        width: 150px !important;
    }

    .service_list li a .image-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 1px;
    }
    .service_list li a .image-icon img{
        width: 30px !important;
        margin: 10px auto;
    }
    .service_list li a {
        font-size: 14px;
    }
    .service_area h2 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .service_area h2::before {
        width: 28px;
        left: -40px;
    }
    .service_area h2::after {
        width: 28px;
        right: -40px;
    }
    .left_side_menu .left_menu li a::after {
        bottom: -6px;
    }
    .service_area {
        margin-top: 51%;
        margin-bottom: 0;
    }
   

    #service-carousel .owl-nav .owl-next {
        right: 8px;
    }
    .footer_menu {
       
        padding: 0 20px;
    }
    .logo_area {
        width: 150px !important;
        margin: 0 auto;
        display: block;
    }
    .logo_area img {
        width: 150px !important;
    }
    .stellarnav.light.mobile li a:hover, .stellarnav.mobile > ul > li.active > a {
        color: #f00;
    }
    .stellarnav ul {
        margin: 0 0 0 0;
    }
    .stellarnav.mobile {
        position: static;
        background: #000;
        margin-top: 15px;
    }
    .inner_page .offset-3 {
        margin-left: 0;
    }
    .stellarnav.light .menu-toggle span.bars span {
        background: #fff;
    }
    .stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile {
        display: inline-block;
        color: #fff;
    }
  
    .inner-banner-section {
        position: relative;
        height: 245px;
        /* overflow: hidden; */
        width: 100%;
        margin-bottom: 34%;
    }
    .inner-banner-section.mrg330B {
        position: relative;
        height: 245px;
        /* overflow: hidden; */
        width: 100%;
        margin-bottom: 20%;
    }
    .inner_footer .footer_menu {
        padding: 14px 20px 19px;
        }

 #contact_page .contact_txt p, #contact_page .contact_txt p a {
            font-size: 14px;
        }

        .stellarnav > ul > li > a:before {
            right: auto;
          }

    .stellarnav.light a.dd-toggle .icon-plus::before, .stellarnav.light a.dd-toggle .icon-plus::after {
    border-color: #fff;
}

}

/*@media only screen and (max-width: 678px) {
}*/

@media only screen and (min-width:320px) and (max-width:479px) {
    .left_side_menu {
        width: 94px;
        height: 182px;
        left: 15px;
    }
    .left_side_menu .left_menu li {
        padding: 5px 0 5px 0;
    }
    .left_side_menu .left_menu li a {
        font-size: 14px;
    }
    .left_side_menu .left_menu li a small {
        font-size: 11px;
    }
 header video {
        left: -25%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
    }
    .inner-banner-section img {
        width: 85%;
        opacity: 1;
    }
    .clientele_list li {
        width: 81%;
    }

}
@media screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation : portrait){
    header video {
        left: -84%;
        width: auto;
        height: 100%;
        z-index: 0;
    }
    .video_list iframe {
        width: 100%;
        height: 229px;
    }

}
  
@media screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation : landscape){
    .service_area {
        margin-top: 24%;
        margin-bottom: 0;
    }
    .video_list iframe {
        width: 100%;
        height: 315px;
    }

}


@media only screen and (min-width:480px) and (max-width:767px) {
    
    .left_side_menu .left_menu li {
        padding: 8px 0 5px 0;
    }

    .left_side_menu {
        left: 15px;
    }
    .service_area h2 {
        margin-bottom: 27px;
    }
    .service_list li a .image-icon {
        width: 80px;
        height: 80px;
    }
    .service_list li a .image-icon img{
        width: 45px !important;
        margin: 12px auto;
    }

    header video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
    }
    .inner-banner-section {
        height: 245px;
        width: 100%;
        margin-bottom: 156px;
    }
    .inner-banner-section.mrg330B {
        height: 245px;
        width: 100%;
        margin-bottom: 106px;
    }
    .inner-banner-section img {
        width: 399px;
        opacity: 1;
    }
    .clientele_list li {
        width: 43%;
    }

}
@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : portrait){
    .service_area {
        margin-top: 92%;
        margin-bottom: 0;
    }
    header video {
        left: -90%;
    }
    .video_list iframe {
        width: 100%;
        height: 300px;
    }

    

}
  
@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : landscape){
    .offset-3 {
        margin-left: 40%;
    }

    header video {
        left: 0;
    }

    .service_area {
        margin-top: 21%;
        margin-bottom: 0;
    }
    .video_list iframe {
        width: 100%;
        height: 435px;
    }


}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_list li a .image-icon {
        width: 67px;
        height: 67px;
    }
    .service_list li a .image-icon img {
        width: 33px;
        margin: 14px auto;
    }
    #service-carousel .owl-nav .owl-next {
        right: 0;
    }
    .stellarnav > ul > li {
        padding: 0 8px;
    }
    .inner-banner-section {
        height: 433px;
        margin-bottom: 143px;
    }

    .inner-banner-section.mgr330B {
        height: 433px;
        margin-bottom: 46px;
    }
    .inner-banner-section img {
        width: 580px;
        opacity: 1;
    }

    .inner_page .offset-3 {
        margin-left: 0;
    }
    .stellarnav ul {
        margin: -2px 0 0 0;
        padding: 0;
        text-align: right;
    }
    .clientele_list li {
        width: 27%;
    }
    #contact_page .contact_txt p, #contact_page .contact_txt p a {
        font-size: 15px;
    }

}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation : portrait){
    header video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
        left: -65%;
    }
    .service_area {
        margin-top: 73%;
        margin-bottom: 2%;
    }
    .video_list iframe {
        width: 100%;
        height: auto;
    }


}
  
@media screen and (min-device-width: 768px) and (max-device-width: 991px) and (orientation : landscape){
    header video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
    }
    .service_area {
        margin-top: 33%;
        margin-bottom: 2%;
    }
.video_list iframe {
	width: 100%;
	height: 182px;
}

    
}

/********************@media only screen and (min-width:1024px) and (max-width:1200px)********************/


@media screen and (min-device-width: 992px) and (max-device-width: 1199px) and (orientation : portrait){
    header video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
        left: -65%;
    }
    .service_area {
        margin-top: 73%;
        margin-bottom: 2%;
    }
    .video_list iframe {
        width: 100%;
        height: 142px;
    }


}
  
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) and (orientation : landscape){
    header video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        z-index: 0;
    }
    .service_area {
        margin-top: 33%;
        margin-bottom: 2%;
    }

    .video_list iframe {
	width: 100%;
	height: 160px;
}
    
}

@media (min-width:992px) and (max-width:1199px) {
    .service_list li a .image-icon {
        width: 80px;
        height: 80px;
    }
    .service_list li a .image-icon img {
        width: 45px;
        margin: 15px auto;
    }
    .service_list li a {
        font-size: 14px;
    }

    .inner-banner-section img {
        width: 484px;
        opacity: 1;
    }
    .inner-banner-section {
        margin-bottom: 81px;
    }
    .inner-banner-section.mrg330B {
            margin-bottom: 147px;
        }
    
    .stellarnav > ul > li {
        display: inline-block;
        padding: 0 16px;
    }
    .stellarnav ul {
        margin: 6px 0 0 0;
    }
    .clientele_list li {
        width: 28%;
        height: auto;
    }

   

}

@media (min-width:1200px) and (max-width:1441px) {
    .inner-banner-section {
      
        margin-bottom: 210px;
    }
    .video_list iframe {
        width: 100%;
        height: 197px;
    }
    .service_list li a .image-icon img {
        width: 50px;
        margin: 17px auto;
    }
    .inner-banner-section img {
        width: 41%;
        opacity: 1;
    }

}

	
/********************@media only screen and (min-width:1201px)********************/

	

/********************@media only screen and (min-width:1201px)********************/
