@media (max-width:767px){
   .get_quote{
        display: none;
    }
    #menu-icon{
        display: block;
      }
    .header_list {
        position: fixed;
        right: 0;
        background: rgb(248, 248, 248);
        top: 60px;
        box-shadow: -4px 6px 7px 0px #75757530;
        transform: translateX(300px);
        transition: 1s all;
        width: 300px;
        height: calc( 100vh - 60px);
        display: flex;
        flex-direction: column;
        padding: 10px 20px;
        z-index: 99;
    }
    .header_list.expand{

        transform: translateX(0px);
      }
      header  .container {
        padding-block: 0;
    }
}
@media (max-width:1200px){
    .slick-next{
       left:0; 
    }
    .slick-prev{
        right:0;
    }
        
}

@media only screen and (min-width:850px) and (max-width:1100px){
    .container {
        max-width: 900px !important;
    }
    .aboutImg img {
        object-fit: contain;
        width: 317px;
        max-width: 100%;
    }
    .bannerText h1{ font-size:26px;}
    .bannerText p {
        font-size: 16px;
    }
    .sub-prdt {
        width: 33% !important;
    }
}
@media only screen and (min-width:768px) and (max-width:849px) {
    .aboutImg img {
        object-fit: contain;
        width: 250px;
        max-width: 100%;
    }
    .video-cont h3{font-size:18px;}
    .solution-product h4 {
        font-size: 15px;
    }
    .solution-product p{font-size:14px;}
    .bannerText h1 {
        font-size: 26px;
    }
    .bannerText p{font-size:16px;}
    .sub-prdt {
        width: 33% !important;
    }
}
@media only screen and (min-width:480px) and (max-width:767px) {
    .product .solution-product h4 {
        max-width: 100%;
        width: 100%;
    }
    .product .solution-product p {
        max-width: 100%;
        width: 100%;
    }
    .sub-prdt {
        width: 50% !important;
    }
    .aboutus .solution-product {
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: 13px;
    }
    .aboutImg img {
        object-fit: contain;
        width: 350px;
        max-width: 100%;
    }
    .aboutSectionInner {
        flex-direction: column !important;
    }
    .aboutImg {
        margin: 0 auto;
    }
    section.product .solution-product {
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 14px;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .video-cont {
        margin-left: 7px;
    }
        .video-cont h3 {
            font-size: 13px !important;
        }
    .aboutus .aboutSectionInner .video-lst a {
        font-size: 13px !important;
    }
    .product .solution-product h4 {
        max-width: 100%;
        width: 100%;
    }

    .product .solution-product p {
        max-width: 100%;
        width: 100%;
    }
    section.product .solution-product {
        
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 14px;
    }
    .aboutImg {
        margin: 0 auto;
    }
    .sub-prdt {
        width: 100% !important;
    }
    .aboutus .solution-product {
        max-width: 320px;
        margin: 0 auto;
        margin-bottom: 13px;
    }
    .aboutSectionInner{flex-direction:column !important;}
    .aboutImg img {
        object-fit: contain;
        width: 250px;
        max-width: 100%;
    }
    .bannerText h1{font-size:26px;}
}
@media only screen and (min-width:320px) and (max-width:767px) {
    .footer-bottom-section{padding:15px 0px;}
    .career-sec ul {
        flex-wrap: wrap;
    }

        .career-sec ul li {
            width: 170px;
            max-width: 100%;
            margin-bottom: 17px;
        }

    .career-filter {
        flex-wrap: wrap;
    }

        .career-filter .form-group input, .career-filter .form-group select {
            margin-left: 0;
            margin-bottom: 12px;
        }

    .filter-txt {
        width: 100%;
        margin-bottom: 10px;
    }
    .common-banner-lst ul li {
        font-size: 14px;
    }
    .product-lst .vert-tab > div {
        width: 100%;
    }

    .product-lst .vert-tab {
        flex-direction: column;
    }

        .product-lst .vert-tab .tab-content {
            margin-left: 0px;
            margin-top: 20px;
        }
    h2.sub-head-title{font-size:20px;}
    .career-top-lst p{font-size:15px;}
    .solution-header {
        flex-direction: column;
    }
        .solution-header a{width:140px; margin-top:20px !important;}
    .foot-lst.contact-lst{float:none;}
    .footer-wrapper .foot-lst {
        margin-top: 14px;
    }
    .container{padding:15px;}

    .aboutText{width:350px; max-width:100%;}
    .solution-product {
        margin-bottom: 13px;
    }
    section.product, section.solutionsection, section.aboutus, .about-mission, .executive-section, .about-banner, .bannerSectionInner {
        padding: 20px 0px;
    }
    .footer-top-section {
        background: #0A164C;
        padding: 20px 0px 30px 0px;
    }
}
@media only screen and (min-width:580px) and (max-width:767px) {
    .footer-wrapper .row > div {
        width: 50%;
    }
    .foot-lst h2{padding-bottom:8px;}
    .footer-wrapper .foot-lst{margin-top:3px !important;}
    .foot-left {
        margin-bottom: 18px;
    }
    .aboutus .row > div{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 13px;
    }
}



@media only screen and (min-width:768px) and (max-width:1100px) {
    .header_list li a {
        font-size: 14px;
    }
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .foot-left p {
        font-size: 14px;
    }
    .foot-lst h2{font-size:17px;}
    .bannerText p {
        font-size: 16px;
    }

    .solution-product p {
        font-size: 14px;
    }

    .solution-product h4 {
        font-size: 16px;
    }
    .header_list li a{font-size:14px;}
    .video-cont h3{font-size:15px;}
}



@media only screen and (min-width:320px) and (max-width:530px) {
    .career-filter .form-group {
        width: 100% !important;
    }
}
@media only screen and (min-width:320px) and (max-width:639px) {
    .contact-top-section > .row > div {
        width: 100%;
    }
    .solution-lst{flex-direction:column;}
    .solution-content {
        margin-top: 21px;
        width: 100%;
    }
    .solution-ico {
        margin: 0 auto;
    }
    .solution-txt h3{max-width:100%;}
    .solution-txt{padding:20px 11px !important;}
    .mission-middle, .mission-tab .product-tab-list {
        flex-direction: column;
    }

        .mission-tab .product-tab-list .mission-cnt {
            width: 96%;
        }

        .mission-tab .product-tab-list .right-mg {
            margin: 0 auto;
        }
}

@media only screen and (min-width:320px) and (max-width:800px) {
    .contact-wrap .contact-lst {
        margin-bottom: 12px;
    }

    .contact-wrap {
        max-width: 277px;
        width:100%;
    }

    .contact-bottom-section .row {
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width:320px) and (max-width:538px) {
    .deep-txt {
        position: relative !important;
        top: 0px;
        right: 0;
        top: 0;
        width: 100%;
        margin-bottom: 30px;
    }
}

