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

    .service-list li .service-box:hover{width:430px;}

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

    .textColRight,.textColLeft{padding:0 30px}
    .service-list li .service-box:hover {width:400px;}
    .service-list li .service-box:hover .img-holder {padding-bottom:138.8%;}

}
/*-1600-*/
@media only screen and (max-width: 1699.98px) {
    .container.container-xxl { max-width: 1360px; padding: 0px 30px; } 
    .container.container-xl { max-width: 1310px; padding: 0px 30px; } 
    .container.container-lg,.header-container{ max-width: 1200px; padding: 0px 30px; } 
    .container.container-md { max-width: 1120px; padding: 0px 30px; }
    .container{ max-width: 1110px; padding: 0px 30px;}  
    .container.container-sm { max-width: 870px; padding: 0px 30px; } 
    .container-fluid{ max-width: 100%; padding-right: 60px; padding-left: 60px;} 
    .colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 650px;} 
    .colContainer.xl .textColRight, .colContainer.xl .textColLeft { width: 625px; } 
    .colContainer.lg .textColRight, .colContainer.lg .textColLeft { width: 570px; } 
    .colContainer.md .textColRight, .colContainer.md .textColLeft { width: 530px; }
    .textColRight, .textColLeft { width: 475px; } 
    .colContainer.sm .textColRight, .colContainer.sm .textColLeft { width: 405px; } 

    body { font-size: 14px; } 
    p { margin-bottom: 20px; } 
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { } 
    h1, .h1 { font-size: 37px;letter-spacing:0} 
    h2, .h2 { font-size: 33px;letter-spacing:0} 
    h3, .h3 { font-size: 29px; padding: 0px 0px 18px;letter-spacing:0} 
    h4, .h4 { font-size: 25px; padding: 0px 0px 18px;letter-spacing:0} 
    h5, .h5 { font-size: 20px; padding: 0px 0px 20px;letter-spacing:0px} 
    h6, .h6 { font-size: 16px; padding: 0px 0px 20px;letter-spacing:0px} 
    hr { margin: 50px 0px; }
    hr.md { margin: 30px 0px;}  
    .hr-alt { border-top: 1px solid #dddddd; margin: 25px 0px; } 
    .inner-container-xxl { padding: 120px 0px; } 
    .inner-container-xl { padding: 100px 0px; } 
    .inner-container-lg { padding: 80px 0px; } 
    .inner-container { padding: 60px 0px; } 
    .inner-container-md { padding: 40px 0px; } 
    .inner-container-sm { padding: 30px 0px; } 
    .gutters-15 { margin-right: -12px; margin-left: -12px; } 
    .gutters-15 > .col, .gutters-15 > [class*="col-"], .gutters-15>li { padding-right: 12px; padding-left: 12px; } 
    .gutters-20 { margin-right: -15px; margin-left: -15px; } 
    .gutters-20 > .col, .gutters-20 > [class*="col-"], .gutters-20>li { padding-right: 15px; padding-left: 15px; } 
    .gutters-25 { margin-right: -20px; margin-left: -20px; } 
    .gutters-25 > .col, .gutters-25 > [class*="col-"], .gutters-25>li { padding-right: 20px; padding-left: 20px; } 
    .gutters-30 { margin-right: -25px; margin-left: -25px; } 
    .gutters-30 > .col, .gutters-30 > [class*="col-"], .gutters-30>li { padding-right: 25px; padding-left: 25px; } 
    .gutters-35 { margin-right: -30px; margin-left: -30px; } 
    .gutters-35 > .col, .gutters-35 > [class*="col-"], .gutters-35>li { padding-right: 30px; padding-left: 30px; } 
    .gutters-40 { margin-right: -35px; margin-left: -35px; } 
    .gutters-40 > .col, .gutters-40 > [class*="col-"], .gutters-40>li { padding-right:35px; padding-left: 35px; } 
    .gutters-50 { margin-right: -40px; margin-left: -40px; } 
    .gutters-50 > .col, .gutters-50 > [class*="col-"], .gutters-50>li { padding-right: 40px; padding-left: 40px; } 
    .grid-15 > .col, .grid-15 > [class*="col-"], .grid-15>li { padding-top: 12px; padding-bottom: 12px; } 
    .grid-20 > .col, .grid-20 > [class*="col-"], .grid-20>li { padding-top: 15px; padding-bottom: 15px; } 
    .grid-25 > .col, .grid-25 > [class*="col-"], .grid-25>li { padding-top: 20px; padding-bottom: 20px; } 
    .grid-30 > .col, .grid-30 > [class*="col-"], .grid-30>li { padding-top: 25px; padding-bottom: 25px; } 
    .grid-35 > .col, .grid-35 > [class*="col-"], .grid-35>li { padding-top: 30px; padding-bottom: 30px; } 
    .grid-40 > .col, .grid-40 > [class*="col-"], .grid-40>li { padding-top: 35px; padding-bottom: 35px; } 
    .grid-50 > .col, .grid-50 > [class*="col-"], .grid-50>li { padding-top: 40px; padding-bottom: 40px; } 
    .row.grid-20,ul.grid-20 { margin-top: -15px; margin-bottom: -15px; } 
    .row.grid-25,ul.grid-25 { margin-top: -20px; margin-bottom: -20px; } 
    .row.grid-30,ul.grid-30 { margin-top: -25px; margin-bottom: -25px; } 
    .row.grid-35,ul.grid-35 { margin-top: -30px; margin-bottom: -30px; } 
    .row.grid-40,ul.grid-40 { margin-top: -35px; margin-bottom: -35px; } 
    .row.grid-50,ul.grid-50 { margin-top: -40px; margin-bottom: -40px; } 
    /*--*/
    .mt10 { margin-top: 8px !important; } 
    .mr10 { margin-right: 8px !important; } 
    .mb10 { margin-bottom: 8px !important; } 
    .ml10 { margin-left: 8px !important; } 
    .mt15 { margin-top: 12px !important; } 
    .mr15 { margin-right: 12px !important; } 
    .mb15 { margin-bottom: 12px !important; } 
    .ml15 { margin-left: 12px !important; } 
    .mt20 { margin-top: 15px !important; } 
    .mr20 { margin-right: 15px !important; } 
    .mb20 { margin-bottom: 15px !important; } 
    .ml20 { margin-left: 15px !important; } 
    .mt25 { margin-top: 20px !important; } 
    .mr25 { margin-right: 20px !important; } 
    .mb25 { margin-bottom: 20px !important; } 
    .ml25 { margin-left: 20px !important; } 
    .mt30 { margin-top: 25px !important; } 
    .mr30 { margin-right: 25px !important; } 
    .mb30 { margin-bottom: 25px !important; } 
    .ml30 { margin-left: 25px !important; } 
    .mt35 { margin-top: 30px !important; } 
    .mr35 { margin-right: 30px !important; } 
    .mb35 { margin-bottom: 30px !important; } 
    .ml35 { margin-left: 30px !important; } 
    .mt40 { margin-top: 35px !important; } 
    .mr40 { margin-right: 35px !important; } 
    .mb40 { margin-bottom: 35px !important; } 
    .ml40 { margin-left: 35px !important; } 
    .mt50 { margin-top: 40px !important; } 
    .mr50 { margin-right: 40px !important; } 
    .mb50 { margin-bottom: 40px !important; } 
    .ml50 { margin-left: 40px !important; } 
    .mb60 { margin-bottom: 45px !important; } 
    .mb70 { margin-bottom: 45px !important; } 
    .mb80 { margin-bottom: 50px !important; } 
    .mb90 { margin-bottom: 60px !important; } 
    .mb100 { margin-bottom: 80px !important; } 
    /*--*/
    .mr-25 { margin-right: -20px !important; } 
    .ml-25 { margin-left: -20px !important; } 
    .mr-30 { margin-right: -25px !important; } 
    .ml-30 { margin-left: -25px !important; } 
    .mr-40 { margin-right: -30px !important; } 
    .ml-40 { margin-left: -30px !important; } 
    .mr-50 { margin-right: -40px !important; } 
    .ml-50 { margin-left: -40px !important; } 
    .mr-60 { margin-right: -45px !important; } 
    .ml-60 { margin-left: -45px !important; } 
    .mr-70 { margin-right: -45px !important; } 
    .ml-70 { margin-left: -45px !important; } 
    .mr-80 { margin-right: -50px !important; } 
    .ml-80 { margin-left: -50px !important; } 
    .mr-90 { margin-right: -60px !important; } 
    .ml-90 { margin-left: -60px !important; } 
    .mr-100 { margin-right: -80px !important; } 
    .ml-100 { margin-left: -80px !important; } 
    .p15 { padding: 10px !important } 
    .pt15 { padding-top: 10px !important; } 
    .pr15 { padding-right: 10px !important; } 
    .pb15 { padding-bottom: 10px !important; } 
    .pl15 { padding-left: 10px !important; } 
    .p20 { padding: 15px !important } 
    .pt20 { padding-top: 15px !important; } 
    .pr20 { padding-right: 15px !important; } 
    .pb20 { padding-bottom: 15px !important; } 
    .pl20 { padding-left: 15px !important; } 
    .p25 { padding: 20px !important } 
    .pt25 { padding-top: 20px !important; } 
    .pr25 { padding-right: 20px !important; } 
    .pb25 { padding-bottom: 20px !important; } 
    .pl25 { padding-left: 20px !important; } 
    .p30 { padding: 25px !important } 
    .pt30 { padding-top: 25px !important; } 
    .pr30 { padding-right: 25px !important; } 
    .pb30 { padding-bottom: 25px !important; } 
    .pl30 { padding-left: 25px !important; } 
    .p35 { padding: 30px !important } 
    .pt35 { padding-top: 30px !important; } 
    .pr35 { padding-right: 30px !important; } 
    .pb35 { padding-bottom: 30px !important; } 
    .pl35 { padding-left: 30px !important; } 
    .p40 { padding: 30px !important } 
    .pt40 { padding-top: 30px !important; } 
    .pr40 { padding-right: 30px !important; } 
    .pb40 { padding-bottom: 30px !important; } 
    .pl40 { padding-left: 30px !important; } 
    .p45 { padding: 35px !important } 
    .pt45 { padding-top: 35px !important; } 
    .pr45 { padding-right: 35px !important; } 
    .pb45 { padding-bottom: 35px !important; } 
    .pl45 { padding-left: 35px !important; } 
    .p50 { padding: 40px !important } 
    .pt50 { padding-top: 40px !important; } 
    .pr50 { padding-right: 40px !important; } 
    .pb50 { padding-bottom: 40px !important; } 
    .pl50 { padding-left: 40px !important; } 
    .p60 { padding: 45px !important; } 
    .pt60 { padding-top: 45px !important; } 
    .pr60 { padding-right: 45px !important; } 
    .pb60 { padding-bottom: 45px !important; } 
    .pl60 { padding-left: 45px !important; } 
    .p70 { padding: 45px !important; } 
    .pt70 { padding-top: 45px !important; } 
    .pr70 { padding-right: 45px !important; } 
    .pb70 { padding-bottom: 45px !important; } 
    .pl70 { padding-left: 45px !important; } 
    .p80 { padding: 50px !important; }
    .pt80 { padding-top: 50px !important; } 
    .pr80 { padding-right: 50px !important; } 
    .pb80 { padding-bottom: 50px !important; } 
    .pl80 { padding-left: 50px !important; } 
    .p90 { padding: 60px!important; } 
    .pt90 { padding-top: 60px!important; } 
    .pr90 { padding-right: 60px !important; } 
    .pb90 { padding-bottom: 60px !important; } 
    .pl90 { padding-left: 60px !important; } 
    .pt100 { padding-top: 80px !important; } 
    .pr100 { padding-right: 80px !important; } 
    .pb100 { padding-bottom: 80px !important; } 
    .pl100 { padding-left: 80px !important; } 
    .pt110 { padding-top: 80px !important; } 
    .pb110 { padding-bottom: 80px !important; } 
    .pt120 { padding-top: 80px !important; } 
    .pb120 { padding-bottom: 80px !important; } 
    .pt130 { padding-top: 100px !important; } 
    .pb130 { padding-bottom: 100px !important; } 
    .p0 { padding: 0px !important; } 
    .pt0 { padding-top: 0px !important; } 
    .pr0 { padding-right: 0px !important; } 
    .pb0 { padding-bottom: 0px !important; }
    /*---*/
    #toTop { width: 40px; height: 40px; background-size: 35% !important; } 
    .headerInfoBar { padding: 10px 0px;}
    .headerInfoBar.has-slider { height: 40px;} 
    .top-right{}
    .logo-holder { } 
    .logo {width:100px} 
    .logo a { padding: 0 0px;} 
    .sub-logo { width: 100px; }
    .topRightHeader{margin:0 auto;}
    .nav > ul > li{} 
    .nav > ul > li > a{font-size:14px;padding:40px 20px}
    .nav > ul > li > a::before{bottom: 0;}
    .nav > ul ul, .nav > ul ul ul{margin:-30px 0px 0px 0;white-space: inherit;}
    .nav > ul ul a, .nav > ul ul ul a{font-size: 14px; padding: 15px 20px;}
    .top-link img,.top-cart img{ max-width: 20px; max-height: 20px;}
    .footer-bar a .cart-count, .top-cart .cart-count {font-size:8px;width:18px;height:18px;}

    .form-group{ margin-bottom: 20px;}
    .form-group label,.custom-label {font-size: 14px; } 
    .form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name,select.multipleSelect { height:46px; line-height: 44px; padding: 0px 20px; font-size: 14px; }
    .form-control:focus, .form-control:hover, .nice-select:hover{}
    .newsletter-holder input::placeholder, .newsletter-holder input.form-control::-webkit-input-placeholder{font-size:14px; }
    textarea.form-control { padding:15px 20px; height: 155px;  } 
    .nice-select::after{right: 20px;}
    .nice-select{ padding-right:30px;}
    .nice-select .option{font-size:12px}
    .form-control.height-60,.height-60 .nice-select { height: 50px; line-height: 48px; } 
    .form-control.height-55,.height-55 .nice-select { height: 46px; line-height: 44px; } 
    .form-control.height-45,.height-45 .nice-select { height: 40px; line-height: 38px; font-size: 13px; } 
    .form-control.height-40,.height-40 .nice-select { height: 40px; line-height: 38px; font-size: 13px; } 
    .NiceSelect.lg .nice-select { min-width: 210px; } 
    .NiceSelect.md .nice-select { min-width: 170px; } 
    .NiceSelect.sm .nice-select { min-width: 140px; } 
    .NiceSelect.xs .nice-select { min-width: 120px; } 

    .custom-button,.f-upload .input-group-btn .btn-upload {padding: 0px 25px; font-size: 13px; height:46px;} 
    /*.custom-button::before { width: 43px; height: 50px;}*/
    .custom-button::after{font-size:12px;}
    .top-cart{}
    .button-icon{ padding: 0px; width: 46px;}
    .input-group-addon{right: 20px; }
    .custom-button.btn-lg { padding: 0px 40px; font-size: 19px; height:70px; } 
    .custom-button.btn-md { padding: 0px 20px; font-size: 11px; height:40px;} 
    .custom-button.btn-sm { padding: 0px 15px; font-size: 11px; height:25px;} 

    .styled-link{font-size:13px}
    .styled-link.has-icon::after, .styled-link.has-icon::before{font-size:12px}
    .checkbox label, .radio label > span, .radio1 label{ }
    .checkbox label::before, .radio label>span::before, .radio1 label::before,.checkbox label::after, .radio label>span::after, .radio1 label::after { top: 5px;} 
    .radio label>span::after, .radio1 label::after {} 

    .slick-arrow,.gallery-nav .slick-arrow{font-size:24px;width:40px;height:40px} 
    .slick-arrow img{ width: 35px;} 
    .arrows-plain .slick-arrow img{ width:35px;} 
    .slick-arrow::before{ }
    .arrows-plain .slick-arrow {} 
    .arrows-inside .slick-prev { left: 45px; } 
    .arrows-inside .slick-next { right: 45px; } 
    .arrows-outside .slick-prev { left: -90px; } 
    .arrows-outside .slick-next { right: -90px; } 

    .slick-dots{ bottom: -30px;}

    .featured-slider { margin: 0px -12px; } 
    .featured-slide { padding: 0px 12px; } 
    .featured-slider .slick-prev { left: -80px; } 
    .featured-slider .slick-next { right: -80px; }
    .ul-listing li{ padding-left: 20px;}
    .ul-listing li::before{top: 6px; font-size: 6px;}
    .listing-style1 li::before{top: 3px; font-size: 12px;}
    .listing-style2 li::before{top: 2px;}

    /*.accordion-item {margin-bottom:0}*/ 
    .accordion-item.active {border-radius: 0px !important;}
    .accordion-header a{padding:15px 50px 15px 15px; font-size: 16px;}
    .accordion-header a::after {right:15px}
    .accordion-header a.collapsed{ }
    .accordion-header a::before{ font-size:20px; right: 0; width: 26px; height: 26px;}
    .accordion-body{padding:0 0 20px;}

    .pagination{margin: 0px -5px;}
    .page-item {padding: 5px 5px;}
    .page-link,.page-item span,.page-item.active .page-link{ font-size:12px;width: 30px; height: 30px;}
    .page-item .page-link.prev {width:35px;height:35px;font-size:20px;} 
    .page-item .page-link.next {width:35px;height:35px;font-size:20px;} 

    .modal-body{ padding: 40px;}
    .modal-xxl { max-width: 1300px; } 
    .modal-xl { width:95%;max-width:1400px; margin: 0 auto} 
    .modal-lg { max-width:650px; } 
    .modal-sm { /*max-width:300px*/ } 

    .table-holder .table th{font-size: 14px;}
    .table-holder .table td {padding: 15px;font-size: 14px;}
    .banner-dots{margin-left:0}
    .banner_caption-inner{max-width:500px;width:100%}
    .inner-banner .banner_caption-inner{}
    .banner_caption-inner h1{ font-size: 44px;}
    .banner_caption-inner h2{ font-size: 44px; padding-bottom: 25px;}
    .banner_caption-inner h3{}
    .banner_caption-inner p{}
    .banner_caption-inner p > br{display:none}
    .homeBannerSlider .slick-prev{margin-right: -426px;} 
    .homeBannerSlider .slick-next{margin-right: -570px;} 
    .homeBannerSlider .slick-dots{bottom: 65px; max-width: 1200px;}
    .homeBannerSlider .slick-dots li{padding-right: 15px; font-size: 25px;}
    .homeBannerSlider .slick-dots a{ }
    .homeBannerSlider .slick-dots a span{}
    .homeBannerSlider .slick-dots a::before{}
    .banner-scroll{ bottom: 60px;}
    .banner-scroll a { width: 66px;}
    .search-box{ }
    .search-input {padding-right:46px !important}
    .search-button{ width: 50px; height: 100%;}
    .search-button img{ width: 16px;}

    .counter-holder{ font-size: 40px;}
    .counter>span:last-child{ line-height: 1.7;}
    .icon-holder{}

    .bottom {padding:21px 0px;}
    .contact-list li { padding-left: 30px; } 
    .social-icons.icon-rounded li a {width: 40px;height: 40px;font-size: 13px;}

    .odd-even-box {} 
    .odd-even-info{}
    .video-container a::before{ }
    .bottom-whatsapp-icon { right: 10px; }
    .bottom-whatsapp-icon a { width: 46px; height: 46px; font-size: 20px; }
    .bottom-whatsapp-icon a img { width: 30px; }

    .newsletter-input{ padding-right: 120px;padding-left:20px}
    .newsletter-button {height:46px} 
    .secTitle{ margin-bottom: 20px;}
    .secTitle h1, .secTitle h2 { font-size: 32px;  } 
    .secTitle.xl h1, .secTitle.xl h2 { font-size: 36px; } 
    .secTitle.lg h1, .secTitle.lg h2 { font-size: 34px; } 
    .secTitle.md h1, .secTitle.md h2 { font-size: 26px; } 
    .secTitle.sm h1, .secTitle.sm h2 { font-size: 22px; }
    .secTitle.xs h1, .secTitle.xs h2 { font-size: 18px; }
    .secTitle h3 { font-size: 16px;} 

    /*----*/
    .fs-12 { font-size: 9px; } 
    .fs-13 { font-size: 12px; } 
    .fs-14 { font-size: 12px; } 
    .fs-15 { font-size: 14px; } 
    .fs-16 { font-size: 14px; } 
    .fs-17 { font-size: 16px; } 
    .fs-18 { font-size: 16px; } 
    .fs-20 { font-size: 16px; } 
    .fs-22 { font-size: 18px; } 
    .fs-23 { font-size: 18px; }
    .fs-24 { font-size: 18px; } 
    .fs-25 { font-size: 20px; } 
    .fs-26 { font-size: 20px; } 
    .fs-28 { font-size: 22px; } 
    .fs-30 { font-size: 24px; }
    .fs-32 { font-size: 24px; } 
    .fs-34 { font-size: 24px; } 
    .fs-35 { font-size: 24px; } 
    .fs-36 { font-size: 28px; }  
    .fs-37 { font-size: 28px; }  
    .fs-38 { font-size: 30px; } 
    .fs-45 { font-size: 35px; } 
    .fs-50 { font-size: 40px; } 
    .fs-55 { font-size: 40px; } 
    .fs-60 { font-size: 50px; } 
    .rounded-bottom-left { border-bottom-left-radius: 100px; } 
    .rounded-bottom-right { border-bottom-right-radius: 100px; } 
    .rounded-top-left { border-top-left-radius: 100px;} 
    .rounded-top-right { border-top-right-radius: 100px;} 
    .rounded-bottom-left-md { border-bottom-left-radius: 80px; overflow: hidden; } 
    .rounded-bottom-right-md { border-bottom-right-radius: 80px; overflow: hidden; } 
    .rounded-top-left-md { border-top-left-radius: 80px; overflow: hidden; } 
    .rounded-top-right-md { border-top-right-radius: 80px; overflow: hidden; } 

    .thankyou-content { max-width: 520px;} 
    .thankyou-content h1 { font-size:52px;} 
    .thankyou-content h2 { font-size: 52px;} 
    .thankyou-img {}
    .contact-left{ padding:50px 100px;}
    .contact-right{padding: 60px;}
    .contact-left-content{ padding: 80px;}
    .contact-right-content{ padding: 60px 60px 60px 140px;}
    .contact-address-box{ padding: 40px;}
    .contact-address-box .icon-holder{ height: 58px;} 
    .contact-address-box .icon-holder img{} 
    .map-holder iframe{ height: 320px;}
    .secondary-nav-holder ul li a {padding: 15px 20px;}
    .grid-ov-info{ padding: 30px;}
    .grid-content.alt{ padding:20px;}
    .item-share-holder { }
    .content h3 { font-size: 15px;} 
    .news-details-holder hr{ margin: 20px 0px;}
    .news-details-holder h2{ font-size: 28px;}
    .news-details-holder h3{font-size: 20px;}
    .news-details-holder h4{font-size: 18px;}
    .news-details-holder h5{font-size: 15px;}
    .news-details-holder h6{font-size: 13px;}
    .news-details-holder p{ margin-bottom: 30px;}
    .news-right {width: 275px;}
    .table-holder .table th { font-size: 13px;} 
    .item-share.item-rounded a {width: 40px;height: 40px; font-size: 16px;}
    .news-box-info,.news-box-title h2{} 
    .news-box-title h2{}
    .news-right h5{ font-size: 15px;}
    .custom-dots .slick-dots li button{height:8px;width:8px}
    .custom-dots .slick-dots li.slick-active button, .custom-dots .slick-dots li:hover button{}
    .ftbox1{width: 185px;}
    .ftbox2{width: 237px;}
    .ftbox3{width: 175px;}
    .ftbox4{width: 247px;}
    .ftbox5{}

    .AccordionFilterNav ul ul{padding:30px 15px}
    .AccordionFilterNav ul li.has-subnav > a{padding: 12px 15px !important;}
    .AccordionFilterNav ul li.has-subnav > a{font-size:18px}

    .slick-dots li button{}
    .gallery-holder{width:100%;max-width:650px}
    .product-details-title h1{font-size:44px}
    /*****/

    .home-sec-2 .service-list{margin-left:30px;}
    .service-list li .service-box{width:170px;max-height:500px}
    .service-list li .service-box:hover .img-holder{padding-bottom:117.8%;}

    .home-project-nav-holder{max-width:500px;}
    .home-project-content{max-width:400px;max-height:150px;padding:40px 30px;}
    .home-project-slider .slick-arrow{height:80px;width:80px;font-size:12px}
    .footer-logo{max-width:140px}
    .newsletter-box{max-width:85%}
    .custom-button.alt,.newsletter-button{min-width:180px}
    .mis-vis-holder{max-width:450px;}
    .mis-vis-box{padding:50px 70px;}
    .portfolio-modal .modal-dialog{max-width:80%}
    .sortby-container{padding:14px 20px;}
    .gallery-main-slide{margin-bottom:15px;}
    .product-details-title{padding-bottom:20px}
    .custom-button.btn-lg{font-size:14px;height:50px;}
    .get-touch-holder{padding:86px 100px 50px;}
    .social-icons.inline li{padding: 0 10px;}
} 
/*-1500--125%*/
@media only screen and (max-width: 1599.98px) {

    .container-fluid,.header-container{padding-right:30px;padding-left:30px;}
    .topRightHeader{margin:0 auto;}
    .nav > ul > li > a{padding: 40px 16px;}
    .home-sec-1 .content-box{margin-right: 0;}

    .home-project-slider .slick-prev{left:-5%;}
    .home-project-slider .slick-next{right:-5%;}
    .service-list li .service-box:hover {width:330px;}
    .service-list li .service-box:hover .img-holder {padding-bottom:142.8%;}
    .grid-ov{padding:30px 30px}
    .mis-vis-box:first-child{left:-40px;}
    .values-holder .mis-vis-box{padding-left:50px;padding-right:50px;}
     .styled-link.has-icon.icon-left::after, .styled-link.has-icon.icon-right::after{font-size: 24px;}
    
}
/*-1400-*/
@media only screen and (max-width: 1499.98px) {
    .container-fluid { max-width: 100%; padding-right: 30px; padding-left: 30px;} 
    .show-xxl { display: block !important; } 
    .hide-xxl { display: none !important; } 
    .float-icon { } 
    .float-xxl { position: relative; transform: none; top: 0; } 
    .float-xxl .float-container-info { padding: 30px 0px; } 
    .arrows-inside .slick-prev { left: 30px; } 
    .arrows-inside .slick-next { right: 30px; } 
    .arrows-outside .slick-prev { left: -60px; } 
    .arrows-outside .slick-next { right: -60px; } 
    .auto-xxl { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .colContainer.xl .textColRight, .colContainer.xl .textColLeft { width: 100%; } 
    .bottom-whatsapp-icon { }
    /*---*/
    
    .home-sec-2 .row .col-lg-4{width:27%;}
    .home-sec-2 .row .col-lg-8{width:73%;}
   



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

    .slick-arrow { } 
    .slick-arrow::before{ }
    .arrows-plain .slick-arrow {} 
    .slick-arrow::before{}
    .custom-arrows .slick-arrow:first-child { margin-right: 10px; } 
    .arrows-outside .slick-prev { left: -50px; } 
    .arrows-outside .slick-next { right: -50px; } 
    .featured-slider .slick-prev { left: -50px; } 
    .featured-slider .slick-next { right: -50px; }
    .colContainer.lg .textColRight, .colContainer.lg .textColLeft { width: 100%;} 
    .colContainer.lg .textContent { padding: 0px 30px !important; } 
    .footer-wrapper .container .container{ padding-right: 0px; padding-left:0px;}
    .modal-body{ padding: 30px;}
    .logo{}
    /*---*/

    .home-client-logo-slider.arrows-outside .slick-prev{left:-50px}
    .home-client-logo-slider.arrows-outside .slick-next{right:-50px}
    .home-project-slider .slick-prev{left:-2%;}
    .home-project-slider .slick-next{right:-2%;}
    .home-sec-2 .service-list{margin-left:0;}
    .service-list li .service-box{max-height:500px}
    /*.service-list-holder{overflow-x:auto;width:850px;}*/
    .grid-ov,.grid-content{padding:30px 30px;}
    .home-project-nav-holder{max-width:430px;}
    .home-project-content{max-width: 380px;}
    
    .service-sec-1 .service-list-holder{width:100%;}
    .service-sec-1 .service-list li .service-box{}
    .product-details-title h1{font-size:36px}
    .get-touch-holder{padding: 60px 30px 50px;}
}
/*-1200-*/
@media only screen and (max-width: 1299.98px){
    .container.container-xxl,
    .container.container-xl,
    .container.container-lg,
    .container.container-md ,
    .container,
    .container.container-sm ,
    .container-fluid,.header-container{padding: 0px 30px; } 
    .container.container-lg{max-width:1140px}

    .home-sec-2 .row .col-lg-4{width:100%;}
    .home-sec-2 .row .col-lg-8{width:100%;}



}
/*-992-xl*/
@media only screen and (max-width: 1199.98px) {
    .container.container-xxl, .container.container-xl, .container.container-lg, .container.container-md, .container, .container.container-sm,
    .container.container-lg,.header-container{ max-width:100%; padding: 0px 30px; } 
    .height-xl { height: auto !important; } 
    .show-xl { display: block !important; } 
    .hide-xl { display: none !important; } 
    .row-inner-xl { padding-bottom: 30px; } 
    .leftpad.xl { padding-left: 0px !important; } 
    .rightpad.xl { padding-right: 0px !important; } 
    .leftmargin.xl { margin-left: 0px !important; } 
    .rightmargin.xl { margin-right: 0px !important; } 
    .pt0-xl { padding-top: 0px !important; } 
    .pr0-xl { padding-right: 0px !important; } 
    .pb0-xl { padding-bottom: 0px !important; } 
    .pl0-xl { padding-left: 0px !important; } 
    .p0-xl { padding: 0px !important; } 
    .overlay-xl::before { visibility: visible; } 
    .auto-xl { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-xl { text-align: center !important; } 
    .text-left-xl { text-align: left !important; } 
    .justify-center-xl { justify-content: center !important; } 
    .width-xl { width: 100% !important; max-width: 100%; } 
    .float-xl { position: relative; transform: none; top: 0; } 
    .float-xl .float-container-info { padding: 30px 0px; } 
    .img-left.xl, .img-right.xl { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; } 
    ul.d-flex.xl,.form-group.inline.xl{ display: block !important;}
    .form-group.inline.xl >label,.form-group.inline.xl .control{ width: 100%;}
    .odd-even-list.xl .odd-even-box:nth-child(even)>.row>[class*="col-"]:first-child,.odd-even-list.xl .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:first-child { order: 1; } 
    .odd-even-list.xl .odd-even-box:nth-child(even)>.row>[class*="col-"]:last-child,.odd-even-list.xl .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:last-child { order: 2; } 
    .odd-even-list.xl .odd-even-img { padding: 0px !important; } 
    .odd-even-list.xl .odd-even-info { padding: 0px !important; } 
    .nav-2col.xl li, .list-2col.xl li, .nav-3col.xl li, .list-3col.xl li { width: 100%; } 
    #toTop {width: 25px; height: 25px; } 
    .rounded-bottom-left { border-bottom-left-radius: 80px; } 
    .rounded-bottom-right { border-bottom-right-radius: 80px; } 
    .rounded-top-left { border-top-left-radius: 80px;} 
    .rounded-top-right { border-top-right-radius: 80px;} 
    .rounded-bottom-left-md { border-bottom-left-radius: 50px;} 
    .rounded-bottom-right-md { border-bottom-right-radius: 50px;} 
    .rounded-top-left-md { border-top-left-radius: 50px;} 
    .rounded-top-right-md { border-top-right-radius: 50px;} 
    .bottom-whatsapp-icon { right: 10px;}
    .bottom-whatsapp-icon a { width: 45px; height: 45px; font-size: 18px; }

    .header-container {background-color:rgba(0,0,0,.85);}
    #pageHeaderWrapper {position: relative; }
    #pageHeader { /*border-bottom: 1px solid rgba( 0, 0, 0, .1 );*/}
    .headerInfoBar { }
    .header-top-holder{}
    .logo-holder {background: none; width: auto; height: auto; order: 1; }
    .logo {width:80px;}
    .logo a {padding:15px 0}
    .top-right { right:50px;width:auto;margin-left:auto}
    .top-right::before { display: none; }
    .headerInfoBar { padding: 0 0px !important; }
    .headerInfoBar.has-slider { height: 36px; }
    .topRightHeader { position: absolute; top: 0px; margin: 0px; display: block; clear: both; left: 0px; right: 0px; width: auto; }
    .nav-wrapper { float: none; margin:25px auto; height: 40px; z-index: 1; position: absolute; left: 0px; right: 0px; }
    .nav-container { position: absolute; top: auto; margin: 0px; display: block; clear: both; left: 0px; right: 0px; }
    .nav-wrapper .nav { display: none !important; }
    .mean-container .mean-nav { margin-top:64px; /*border-top: 1px dotted rgba(0, 0, 0, 0.2) !important;*/ }
    .mean-container a.meanmenu-reveal { right: 22px !important; font-size: 22px !important; }
    .mean-container a.meanmenu-reveal.meanclose, .mean-container a.meanmenu-reveal:hover { color: var(--primary); }
    .mean-container a.meanmenu-reveal span, #pageHeaderWrapper.header-alternate .is-sticky .mean-container a.meanmenu-reveal span { background:var(--white); transition: all 0.2s linear; }
    #pageHeaderWrapper.header-alternate .mean-container a.meanmenu-reveal span { background: #ffffff; }
    .mean-container a.meanmenu-reveal:hover span, #pageHeaderWrapper.header-alternate .mean-container a.meanmenu-reveal:hover span { background:var(--primary); }
    .mean-container .mean-nav ul { font-size: 14px; }
    .mean-container .mean-nav ul li { float: none; }
    .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li li a { text-transform: capitalize; padding: 10px 50px 10px 30px; color: var(--dark) !important; border-bottom: 1px dotted rgba(0, 0, 0, .2) !important; background: var(--white); float: none; font-size: 14px;}
    .mean-container .mean-nav ul li li a { padding: 10px 40px 10px 40px; font-size: 14px; text-transform: capitalize; }
    .mean-container .mean-nav ul li li li a { padding: 10px 40px 10px 60px }
    .mean-container .mean-nav ul li li li li a { padding: 10px 40px 10px 80px }
    .mean-container .mean-nav ul li li li li li a { padding: 10px 40px 10px 100px }
    .mean-container .mean-nav ul li:hover > a, .mean-container .mean-nav ul li.selected > a { color: #ffffff !important; background: var(--primary); }
    .mean-container .mean-nav ul li a.mean-expand { padding: 0px!important; background: none !important; height: 41px; width: 48px; border-bottom: 0px !important; border-left: 1px solid rgba(10, 5, 5, 0.1) !important; border-left: 1px dotted rgba(0, 0, 0, 0.2) !important; font-size: 0px !important; /*text-indent: -9999 !important; text-transform: uppercase !important; */ }
    .mean-container .mean-nav ul li li a.mean-expand { height: 37px; }
    .mean-container .mean-nav ul li a.mean-expand::after { position: absolute; top: 0px; right: 0px; z-index: 2; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f078"; transition: all ease-in .35s; color: #1A1A1A !important; width: 48px; height: 41px; line-height: 43px; font-size: 13px; text-align: center; }
    .mean-container .mean-nav ul li li a.mean-expand::after { width: 48px; height: 37px; line-height: 37px; }
    .mean-container .mean-nav ul li>a.mean-expand:hover::after, .mean-container .mean-nav ul li:hover>a.mean-expand::after, .mean-container .mean-nav ul li.selected>a.mean-expand::after { color: #FFFFFF !important; }
    .mean-container .mean-nav ul li a.mean-expand.mean-clicked::after { transform: rotate(180deg); }
    .mean-container .mean-nav.active { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 83px);}

    .sidebar-filter{display:none;padding-top:15px} 
    .breadcrumb-container li a::after{font-size:10px;margin:0 10px 0px;}


    .slick-arrow, .gallery-nav .slick-arrow{width:30px;height:30px;}
    .arrows-outside .slick-prev{left:-15px;}
    .arrows-outside .slick-next{right:-15px;}

    /*---*/

    .ftbox1{width:150px}
    .ftbox2{}
    .ftbox3{}
    .ftbox4{}
    p > br{display:none}

    .home-banner-dots-arrow{height:40px;bottom:0;}
    .home-banner-img::before{opacity:.45}
    .home-project-nav-holder{max-width:400px;}
    .banner_caption-inner h2{font-size:40px}
    .home-project-slider .slick-prev{left:0}
    .home-project-slider .slick-next{right:0}
    .home-client-logo-slider.arrows-outside .slick-prev{left:-15px}
    .home-client-logo-slider.arrows-outside .slick-next{right:-15px}

    .bottom.mt60{margin-top:0 !important}
    .mis-vis-holder{padding:40px}
    .mis-vis-wrap::before,.mis-vis-holder .mis-vis-box::before{-webkit-transform: skew(0deg);-moz-transform: skew(0deg);transform: skew(0deg);}
    .mis-vis-wrap::before {padding:0}
    .mis-vis-box:first-child{left:0}
    .mis-vis-wrap::after {height:388px;width:350px;background-size:contain}
    .values-holder .mis-vis-box{padding-left:0}
    .mis-vis-box{padding:50px 30px;}
    .values-holder .mis-vis-bottom p{margin-bottom:20px}
    .portfolio-modal .arrows-outside .slick-prev{left:-60px;}
    .portfolio-modal .arrows-outside .slick-next{right:-60px;}
    .thankyou-img::after {background-color: #000;opacity: .25}
    
   
    
}
/*-1024-*/
@media only screen and (max-width: 1024.98px) {
    .gutters-35,.gutters-40,.gutters-50 { margin-right: -15px; margin-left: -15px; } 
    .gutters-35 > .col, .gutters-35 > [class*="col-"], .gutters-35>li,.gutters-40 > .col, .gutters-40 > [class*="col-"], .gutters-40>li,.gutters-50 > .col, .gutters-50 > [class*="col-"], .gutters-50>li { padding-right: 15px; padding-left: 15px; } 
    .grid-35 > .col, .grid-35 > [class*="col-"], .grid-35>li,.grid-40 > .col, .grid-40 > [class*="col-"], .grid-40>li,.grid-50 > .col, .grid-50 > [class*="col-"], .grid-50>li  { padding-top: 25px; padding-bottom: 15px; } 
    .row.grid-35,.row.grid-40,.row.grid-50 { margin-top: -15px; margin-bottom: -15px; } 
    /*--*/
    .ftbox1{}
    .ftbox2{}
    .ftbox3{}
    .ftbox4{}
    .ftbox5{}

    .contact-holder{}
    .home-project-nav-holder{width:300px}
    .home-project-nav-slider{margin:0 -5px}
    .home-project-nav-slide{padding:0 5px}
    /*.service-list-holder{width:740px}*/
    .service-list li .service-box {width: 157px;}
    .contact-holder,.map-holder{max-width:100%}
    .map-holder{margin-top:0px;}
    
    .service-list li .service-box{max-height: 470px;}
    .service-list li .service-box .img-holder{padding-bottom: 298%;}
}

/*-768-lg*/
@media only screen and (max-width: 991.98px) {
    .height-lg { height: auto !important; } 
    .show-lg { display: block !important; } 
    .hide-lg { display: none !important; } 
    .row-inner-lg { padding-bottom: 30px; } 
    .leftpad.lg { padding-left: 0px !important; } 
    .rightpad.lg { padding-right: 0px !important; } 
    .leftmargin.lg { margin-left: 0px !important; } 
    .rightmarginlg { margin-right: 0px !important; } 
    .pt0-lg { padding-top: 0px !important; } 
    .pr0-lg { padding-right: 0px !important; } 
    .pb0-lg { padding-bottom: 0px !important; } 
    .pl0-lg { padding-left: 0px !important; } 
    .p0-lg { padding: 0px !important; } 
    .overlay-lg::before { visibility: visible; } 
    .auto-lg { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-lg { text-align: center !important; } 
    .text-left-lg { text-align: left !important; } 
    .justify-center-lg { justify-content: center !important; } 
    .width-lg { width: 100% !important; max-width: 100%; } 
    .float-lg { position: relative; transform: none; top: 0; } 
    .float-lg .float-container-info { padding: 30px 0px; } 
    .img-left.lg, .img-right.lg { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; } 
    ul.d-flex.lg,.form-group.inline.lg{ display: block !important;}
    .form-group.inline.ld >label,.form-group.inline.ld .control{ width: 100%;}
    .odd-even-list.lg .odd-even-box:nth-child(odd)>.row>[class*="col-"]:first-child,.odd-even-list.lg .odd-even-box:nth-child(odd)>.colContainer>.row>[class*="col-"]:first-child { order: 1; } 
    .odd-even-list.lg .odd-even-box:nth-child(odd)>.row>[class*="col-"]:last-child,.odd-even-list.lg .odd-even-box:nth-child(odd)>.colContainer>.row>[class*="col-"]:last-child { order: 2; }
    .odd-even-list.lg .odd-even-img { /*padding: 0px !important; */ } 
    .odd-even-list.lg .odd-even-info { /*padding: 0px !important; */ } 
    .odd-even-info {} 
    .nav-2col.lg li, .list-2col.lg li, .nav-3col.lg li, .list-3col.lg li { width: 100%; } 
    [data-animation-in] { opacity:1; } 
    .secondary-nav-holder.lg ul li { flex: 1 1 100%; }
    .product-details {max-width: 100%;} 
    .review-form-content { } 
    .custom-arrows .slick-arrow:first-child { margin-right: 10px; } 
    .textColRight, .textColLeft { width: 100% !important; } 
    .textContent { padding: 0px 30px !important; } 
    .Scrollcontent.lg { height: auto !important; } 
    .Scrollcontent.lg .mCSB_inside > .mCSB_container { margin-right: 0px !important; } 
    .inner-container-xxl{ padding: 70px 0px;}
    .thankyou-content{max-width:388px;}
    /*------*/
    /*.secTitle h1 > br, .secTitle h2 > br{display:none}*/
    .responsive-md{width:100%}

    .service-list-holder{width:100%;overflow-x: inherit;margin-top:20px}
    .home-sec-2 .service-list{margin:0 -5px}
    .service-list li .service-box:hover{width:390px;}
    .service-list li .service-box:hover .img-holder {padding-bottom:120.8%;}
    /*.home-sec-2 .service-list{justify-content:center;}*/
    .mis-vis-holder{max-width:100%}
    .values-holder .mis-vis-box{padding:0}
    .mis-vis-holder{padding:15px 30px}
    .values-holder{padding:0 30px 20px}
    .values-holder .mis-vis-bottom{padding-left:0;padding-top:20px}
    .mis-vis-bottom{padding-top:20px}
    .mis-vis-box{margin-bottom:30px}
    .about-sec-3 .img-box{text-align:center}




}
@media only screen and (max-width: 899.98px) {


    .secTitle h1, .secTitle h2{font-size:26px;}
    
    .home-project-nav-holder{width: 250px;left:20px;bottom:30px;}
    .home-project-content{max-width:300px;max-height:120px;padding:32px 25px;}
    .home-project-content .secTitle{margin-bottom:0 !important}
    .home-project-slider .slick-arrow{height:50px;width:50px;font-size:8px;}
    .bottom .col-md-auto{width:100%}
    .payment-method ul{justify-content: center;}
    
    
    /*.home-sec-2 .service-list{flex-wrap:wrap;}*/
    /*.home-sec-2 .service-list li{width:50%;}*/
    /*.home-sec-2 .service-list li .service-box{max-height:100%;}*/
    /*.home-sec-2 .service-list li .service-box .img-holder,*/
    /*.home-sec-2 .service-list li:hover .service-box .img-holder{padding-bottom: 127%;}*/
    /*.home-sec-2 .service-list li:hover .service-box,*/
    /*.home-sec-2 .service-list li .service-box{width:100%;}*/
    
    .text-rotate{writing-mode:unset;transform: none;}
    
    .home-sec-2 .service-list{flex-wrap:wrap;}
    .service-list{flex-wrap:wrap;}
    .service-list li{width:50%;}
    .service-list li .service-box{max-height:100%;}
    .service-list li .service-box .img-holder,
    .service-list li .service-box:hover .img-holder{padding-bottom: 130%;}
    .service-list li .service-box:hover,
    .service-list li .service-box{width:100%;}
    .service-box .grid-content{align-items:flex-end;}
    
    
    
}


/*-736-md*/
@media only screen and (max-width: 768.98px) {
    
    .custom-button.alt, .newsletter-button{min-width:140px;}
    /*.service-list-holder{overflow-x:auto;}*/
    .service-sec-1 .nav-2col li{width:100%}

}

@media only screen and (max-width: 767.98px) {
    .height-md { height: auto !important; } 
    .show-md { display: block !important; } 
    .hide-md { display: none !important; } 
    .row-inner-md { padding-bottom: 30px; } 
    .leftpad.md { padding-left: 0px !important; } 
    .rightpad.md { padding-right: 0px !important; } 
    .leftmargin.md { margin-left: 0px !important; } 
    .rightmargin.md { margin-right: 0px !important; } 
    .pt0-md { padding-top: 0px !important; } 
    .pr0-md { padding-right: 0px !important; } 
    .pb0-md { padding-bottom: 0px !important; } 
    .pl0-md { padding-left: 0px !important; } 
    .p0-md { padding: 0px !important; } 
    .overlay-md::before { visibility: visible; } 
    .auto-md { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-md { text-align: center !important; } 
    .text-left-md { text-align: left !important; } 
    .justify-center-md { justify-content: center !important; } 
    .width-md { width: 100% !important; max-width: 100%; } 
    .float-md { position: relative; transform: none !important; top: 0 !important; } 
    .float-md .float-container-info { padding: 30px 0px; } 
    .img-left.md, .img-right.md { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; } 
    ul.d-flex.md,.form-group.inline.md{ display: block !important;}
    .form-group.inline.md >label,.form-group.inline.md .control{ width: 100%;}

    .odd-even-list .odd-even-box:nth-child(even) .row>[class*="col-"]:first-child,.odd-even-list .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:first-child { order: 1; } 
    .odd-even-list .odd-even-box:nth-child(even) .row>[class*="col-"]:last-child,.odd-even-list .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:last-child { order: 2; } 
    .odd-even-list.md .odd-even-img { /*padding: 0px !important; */ } 
    .odd-even-list.md .odd-even-info { padding: 0px !important; } 
    .nav-2col.md li, .list-2col.md li, .nav-3col.md li, .list-3col.md li { width: 100%; } 
    .secondary-nav-holder.md ul li { flex: 1 1 100%; } 
    .tab-holder.TabsAccordion .accordion-body { box-shadow: none; border-radius: 0px 0px 0;  } 
    .tab-body { padding:40px 25px 25px;border-radius: 0px 0px 20px 20px; border: 0; border-top: 0px; margin-top:0;} 
    .nav-tabs { } 
    .nav-tabs .nav-item { } 
    .nav-tabs .nav-link { } 
    .Scrollcontent.md { height: auto !important; } 
    .Scrollcontent.md .mCSB_inside > .mCSB_container { margin-right: 0px !important; } 
    .map-holder iframe { height: 280px !important; } 
    .tool-bar-title { min-width:60px;}
    .ftbox{max-width:100%;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
    .inner-banner-img::before{opacity:1;background-color:rgba(0,0,0,.45);max-width:100%;background-image:none}
    /*----*/    

    .bottom-nav{justify-content:center;}
    .clients-logo{padding:30px 35px;}
    .home-project-slider .slick-list{margin-right:0;}
    .home-project-slider{margin: 0}
    .home-project-slide{padding: 0}
    .home-project-img .img-holder{padding-bottom:65%;}
    .home-project-nav-holder{position:relative;left:0;right:0;margin:20px auto 0;bottom:0}
    .home-project-nav-img .img-holder::before{border-color:var(--primary)}
    .home-sec-1 .col-md-3{text-align:left !important}
    .btm-banner-holder{text-align:center;}
    .newsletter-box{max-width:100%}
    .home-sec-1::before {background: linear-gradient(270deg, rgba(250, 251, 243, 0.00) 40.69%, rgba(250, 251, 243, 1) 100%),url('../images/about-sec-1-bg.png') lightgray -154.975px 0px / 150.56% 150.235% no-repeat;}
    .home-project-slider-holder{padding-top: 30px}
    .home-client-btn{margin-top:30px;}
    
}
/*-600-*/
@media only screen and (max-width: 699.98px) {    
    /*    .headerInfoBar{height:100%;padding:10px 0 !important}
        .headerInfoBar .contact-list.inline li{padding-block:3px;}
        .get-touch-list li{width:100%}
        .get-touch-list li:nth-child(even){padding-left:0}
        .get-touch-list li:first-child{padding-top:0}
        .get-touch-list li:last-child{padding-bottom:0;border:0}
    */


}
/*-480-sm*/
@media only screen and (max-width: 575.98px) {
    .height-sm { height: auto !important; } 
    .show-sm { display: block !important; } 
    .hide-sm { display: none !important; } 
    .row-inner-sm { padding-bottom: 30px; } 
    .leftpad.sm { padding-left: 0px !important; } 
    .rightpad.sm { padding-right: 0px !important; } 
    .leftmargin.sm { margin-left: 0px !important; } 
    .rightmargin.sm { margin-right: 0px !important; } 
    .overlay-sm::before { visibility: visible; } 
    .auto-sm { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-sm { text-align: center !important; } 
    .text-left-sm { text-align: left !important; } 
    .justify-center-sm { justify-content: center !important; } 
    .width-sm { width: 100% !important; max-width: 100%; } 
    .float-sm { position: relative; transform: none; top: 0; } 
    .float-sm .float-container-info { padding: 30px 0px; } 
    .img-left.sm, .img-right.sm { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; float: none; } 
    ul.d-flex.sm,.form-group.inline.sm{ display: block !important;}
    .form-group.inline.sm >label,.form-group.inline.sm .control{ width: 100%;}
    .odd-even-list.sm .odd-even-box:nth-child(even)>.row>[class*="col-"]:first-child,.odd-even-list.sm .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:first-child { order: 1; } 
    .odd-even-list.sm .odd-even-box:nth-child(even)>.row>[class*="col-"]:last-child,.odd-even-list.sm .odd-even-box:nth-child(even)>.colContainer>.row>[class*="col-"]:last-child { order: 2; }
    .odd-even-list.sm .odd-even-img { /*padding: 0px !important; */ } 
    .odd-even-list.sm .odd-even-info { padding: 0px !important; } 
    .nav-2col.sm li, .list-2col.sm li, .nav-3col.sm li, .list-3col.sm li { width: 100%; } 
    hr { margin: 20px 0; } 
    .icaptcha { bottom: 30px; } 
    .container-full { padding: 0px 30px; } 
    /*-----*/
    body { font-size: 14px; letter-spacing: 0px; line-height: 1.5; } 
    p { margin-bottom: 20px; } 
    h1, .h1 { font-size: 24px; letter-spacing: 0px !important; padding: 0px 0px 12px; } 
    h2, .h2 { font-size: 22px; letter-spacing: 0px !important; padding: 0px 0px 12px; } 
    h3, .h3 { font-size: 20px; letter-spacing: 0px !important; padding: 0px 0px 13px; } 
    h4, .h4 { font-size: 18px; letter-spacing: 0px !important; padding: 0px 0px 12px; } 
    h5, .h5 { font-size: 16px; letter-spacing: 0px !important; padding: 0px 0px 14px; } 
    h6, .h6 { font-size: 14px; letter-spacing: 0px !important; padding: 0px 0px 14px; } 
    h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { /*display: none; */ } 
    .inner-container-xxl, .inner-container-xl, .inner-container-lg, .inner-container, .inner-container-md { padding: 30px 0px; } 
    .gutters-10 { margin-right: -8px; margin-left: -8px; } 
    .gutters-10 > .col, .gutters-10 > [class*="col-"], .gutters-10>li { padding-right: 8px; padding-left: 8px; } 
    .gutters-12 { margin-right: -10px; margin-left: -10px; } 
    .gutters-12 > .col, .gutters-12 > [class*="col-"], .gutters-12>li { padding-right: 10px; padding-left: 10px; } 
    .gutters-15 { margin-right: -10px; margin-left: -10px; } 
    .gutters-15 > .col, .gutters-15 > [class*="col-"], .gutters-15>li { padding-right: 10px; padding-left: 10px; } 
    .gutters-20 { margin-right: -12px; margin-left: -12px; } 
    .gutters-20 > .col, .gutters-20 > [class*="col-"], .gutters-20>li { padding-right: 12px; padding-left: 12px; } 
    .gutters-25, .gutters-30, .gutters-35, .gutters-40, .gutters-50 { margin-right: -15px; margin-left: -15px; } 
    .gutters-25 > .col, .gutters-25 > [class*="col-"], .gutters-25>li, .gutters-30 > .col, .gutters-30 > [class*="col-"], .gutters-30>li, .gutters-35 > .col, .gutters-35 > [class*="col-"], .gutters-35>li, .gutters-40 > .col, .gutters-40 > [class*="col-"], .gutters-40>li, .gutters-50 > .col, .gutters-50 > [class*="col-"], .gutters-50>li { padding-right: 15px; padding-left: 15px; } 
    .grid-10 > .col, .grid-10 > [class*="col-"], .grid-10>li { padding-top: 8px; padding-bottom: 8px; } 
    .grid-12 > .col, .grid-12 > [class*="col-"], .grid-12>li { padding-top: 10px; padding-bottom: 10px; } 
    .grid-15 > .col, .grid-15 > [class*="col-"], .grid-15>li { padding-top: 10px; padding-bottom: 10px; } 
    .grid-20 > .col, .grid-20 > [class*="col-"], .grid-20>li { padding-top: 12px; padding-bottom: 12px; } 
    .grid-25 > .col, .grid-25 > [class*="col-"], .grid-25>li, .grid-30 > .col, .grid-30 > [class*="col-"], .grid-30>li, .grid-35 > .col, .grid-35 > [class*="col-"], .grid-35>li, .grid-40 > .col, .grid-40 > [class*="col-"], .grid-40>li, .grid-50 > .col, .grid-50 > [class*="col-"], .grid-50>li { padding-top: 15px; padding-bottom: 15px; } 
    .row.grid-10 { margin-top: -8px; margin-bottom: -8px; } 
    .row.grid-12 { margin-top: -8px; margin-bottom: -8px; } 
    .row.grid-15 { margin-top: -10px; margin-bottom: -10px; } 
    .row.grid-20 { margin-top: -12px; margin-bottom: -12px; } 
    .row.grid-25, .row.grid-30, .row.grid-35, .row.grid-40, .row.grid-50 { margin-top: -15px; margin-bottom: -15px; } 
    .mt40 { margin-top: 30px !important; } 
    .mr40 { margin-right: 30px !important; } 
    .mb40 { margin-bottom: 30px !important; } 
    .ml40 { margin-left: 30px !important; } 
    .mt50 { margin-top: 30px !important; } 
    .mr50 { margin-right: 30px !important; } 
    .mb50 { margin-bottom: 30px !important; } 
    .ml50 { margin-left: 30px !important; } 
    .mb60 { margin-bottom: 30px !important; } 
    .mb70 { margin-bottom: 30px !important; } 
    .mb80 { margin-bottom: 30px !important; } 
    .mb90 { margin-bottom: 30px !important; } 
    .mb100 { margin-bottom: 30px !important; } 
    .p40 { padding: 30px !important } 
    .pt40 { padding-top: 30px !important; } 
    .pr40 { padding-right: 30px !important; } 
    .pb40 { padding-bottom: 30px !important; } 
    .pl40 { padding-left: 30px !important; } 
    .p45 { padding: 30px !important } 
    .pt45 { padding-top: 30px !important; } 
    .pr45 { padding-right: 30px !important; } 
    .pb45 { padding-bottom: 30px !important; } 
    .pl45 { padding-left: 30px !important; } 
    .p50 { padding: 30px !important } 
    .pt50 { padding-top: 30px !important; } 
    .pr50 { padding-right: 30px !important; } 
    .pb50 { padding-bottom: 30px !important; } 
    .pl50 { padding-left: 30px !important; }
    .p60 { padding: 30px !important; }  
    .pt60 { padding-top: 30px !important; } 
    .pr60 { padding-right: 30px !important; } 
    .pb60 { padding-bottom: 30px !important; } 
    .pl60 { padding-left: 30px !important; } 
    .p70 { padding: 30px !important; } 
    .pt70 { padding-top: 30px !important; } 
    .pr70 { padding-right: 30px !important; } 
    .pb70 { padding-bottom: 30px !important; } 
    .pl70 { padding-left: 30px !important; } 
    .p80 { padding: 30px !important; } 
    .pt80 { padding-top: 30px !important; } 
    .pr80 { padding-right: 30px !important; } 
    .pb80 { padding-bottom: 30px !important; } 
    .pl80 { padding-left: 30px !important; } 
    .p90 { padding: 30px!important; }
    .pt90 { padding-top: 30px!important; } 
    .pr90 { padding-right: 30px !important; } 
    .pb90 { padding-bottom: 30px !important; } 
    .pl90 { padding-left: 30px !important; } 
    .pt100 { padding-top: 30px !important; } 
    .pb100 { padding-bottom: 30px !important; } 
    .pt0-sm { padding-top: 0px !important; } 
    .pr0-sm { padding-right: 0px !important; } 
    .pb0-sm { padding-bottom: 0px !important; } 
    .pl0-sm { padding-left: 0px !important; } 
    .p0-sm { padding: 0px !important; } 
    /*----*/
    .secTitle-holder { padding: 0px 0px 20px; margin-bottom: 20px; } 
    .secTitle-holder::before { } 
    .secTitle-holder.left::before{top:13px}
    .secTitle h2, .secTitle h1 { font-size: 20px; } 
    .secTitle h2 br, .secTitle h1 br { display: none; } 
    .secTitle.xl h1, .secTitle.xl h2 { font-size: 28px; }
    .secTitle.lg h1, .secTitle.lg h2 { font-size: 18px; }  
    .secTitle.md h1, .secTitle.md h2 { font-size: 16px; } 
    .secTitle.sm h1, .secTitle.sm h2 { font-size: 14px; } 
    .secTitle.xs h1, .secTitle.xs h2 { font-size: 12px; }
    .secTitle h3 { font-size: 14px;} 
    .secTitle h3::before{ }
    .secTitle { margin-bottom: 20px; } 
    .secTitle p { font-size: 14px; } 
    .has-data-text::before {font-size: 10vw; } 
    .fs-14 { font-size: 12px; } 
    .fs-15 { font-size: 12px; } 
    .fs-16 { font-size: 13px; } 
    .fs-17 { font-size: 13px; } 
    .fs-18 { font-size: 14px; } 
    .fs-20 { font-size: 14px; } 
    .fs-22 { font-size: 16px; } 
    .fs-24 { font-size: 16px; } 
    .fs-25 { font-size: 18px; } 
    .fs-26 { font-size: 18px; } 
    .fs-28 { font-size: 19px; } 
    .fs-30 { font-size: 20px; } 
    .fs-32 { font-size: 20px; } 
    .fs-34 { font-size: 20px; } 
    .fs-35 { font-size: 20px; } 
    .fs-36 { font-size: 20px; } 
    .fs-37 { font-size: 20px; } 
    .fs-38 { font-size: 22px; } 
    .fs-45 { font-size: 22px; } 
    .fs-50 { font-size: 24px; } 
    .fs-55 { font-size: 26px; } 
    .fs-60 { font-size: 30px; } 
    .lead { font-size: 17px; } 
    .rounded-corner-xxl { border-radius: 50px; } 
    .rounded-corner-xl { border-radius: 35px; } 
    .rounded-corner-lg { border-radius: 25px; } 
    .rounded-corner { border-radius: 15px; } 
    .rounded-corner-md { border-radius: 10px; } 
    .fancybox-navigation .fancybox-button--arrow_left { left: 0px; } 
    .fancybox-navigation .fancybox-button--arrow_right { right: 0px; } 
    .fancybox-navigation .fancybox-button { width: 25px; height: 25px; top: calc(50% - 25px); } 
    .Scrollcontent.sm { height: auto !important; } 
    .Scrollcontent.sm .mCSB_inside > .mCSB_container { margin-right: 0px !important; } 
    /*----*/
    #toTop { width: 30px; height: 30px; bottom:60px; } 
    .form-group label,.custom-label {font-size: 13px; } 
    .form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name,select.multipleSelect { height:46px; line-height: 44px; padding: 0px 20px; font-size: 13px; }
    .form-control:focus, .form-control:hover, .nice-select:hover{}
    textarea.form-control { padding:15px 20px; height: 150px; } 
    .nice-select::after{right: 20px;}
    .form-control.height-60,.height-60 .nice-select { height: 40px; line-height: 38px; } 
    .form-control.height-55,.height-55 .nice-select { height: 40px; line-height: 38px; } 
    .nice-select{ padding-right:30px;}
    .nice-select .option {padding: 8px 15px; font-size: 11px;}
    .checkbox label, .radio label > span, .radio1 label {font-size: 13px; padding-left: 30px !important;}
    .checkbox label::before, .radio label>span::before, .radio1 label::before,.checkbox label::after, .radio label>span::after, .radio1 label::after { width: 18px; height: 18px; top: 1px; border-width: 1px;}
    .checkbox label::after, .radio label > span::after, .radio1 label::after {font-size: 11px;} 
    .radio label>span::after, .radio1 label::after {top: 5px; left: 4px; width: 10px; height: 10px;}

    .custom-button,.f-upload .input-group-btn .btn-upload {padding: 0px 25px; font-size:12px;height:46px} 
    .custom-button::before { width: 35px; height: 40px;}
    .custom-button.btn-lg { padding: 0px 15px; font-size: 13px; height:40px;}
    .custom-button.alt{padding:0px 25px;}

    .accordion-header a {font-size:16px;}
    .accordion-header a::before{}
    .accordion-body{padding:0 0 15px;}
    .tab-body { padding:35px 0 20px;}


    .ul-listing li{ padding-left: 20px;}
    .ul-listing li::before{top:5px;}
    .listing-style1 li::before{top: 1px;}
    .listing-style2 li::before{top: 2px;}

    .pagination{margin: 0px -2px;}
    .page-item {padding: 5px 2px;}
    .page-link,.page-item span, .page-item.active .page-link,.page-item .page-link.prev, .page-item .page-link.next{ font-size: 14px;width: 26px; height:26px;}
    .page-item .page-link.prev{ margin-right: 5px;font-size: 18px;}
    .page-item .page-link.next { margin-left: 5px;font-size: 18px;}

    .slick-dots li button { } 
    .slick-dots li button:before { width: 8px; height: 8px;} 
    .slick-dots li button:after { width: 16px; height: 16px; } 
    /* .top-link img,.top-cart img{max-width: 15px;max-height: 15px;} */
    .search-button{ width: 40px; height: 100%;}

    /*.home-banner-img{min-height:auto}*/

    .banner_caption-inner h2{font-size: 5vw; }
    .banner_caption-inner h1{font-size: 6vw; padding-bottom:0px;}
    .banner_caption-inner p{}
    .homeBannerSlider .slick-dots{ }
    .homeBannerSlider .slick-dots a::before{ display: none;}
    .homeBannerSlider .slick-dots li{ }
    .homeBannerSlider .slick-dots a{font-size: 13px;}
    .video-container a::before{}
    .rounded-bottom-left { border-bottom-left-radius: 40px; } 
    .rounded-bottom-right { border-bottom-right-radius: 40px; } 
    .rounded-top-left { border-top-left-radius: 40px;} 
    .rounded-top-right { border-top-right-radius: 40px;}
    .rounded-bottom-left-md { border-bottom-left-radius: 30px;} 
    .rounded-bottom-right-md { border-bottom-right-radius: 30px;} 
    .rounded-top-left-md { border-top-left-radius: 30px;} 
    .rounded-top-right-md { border-top-right-radius: 30px;} 


    .item-share-holder {}
    .item-share.item-rounded a {width: 32px;height: 32px;font-size: 13px;}
    .btn-close{ /*font-size: 18px;right: 10px;top: 10px;*/ font-size: 13px; width:26px;height:26px;top: -30px;}
    .btn-close i { font-size: 12px;} 
    .contact-address-box{ text-align: center;}
    .contact-address-box .icon-holder{ margin: 0px auto 20px;}
    /*----*/
    .top-link-holder{border-right:0px;padding-right: 0px;}
    .top-right { right: 50px;} 

    .search-box{ width: 100%;}
    .thankyou-content {  max-width:100%; text-align: center;} 
    .thankyou-content h1 { font-size:9vw; padding-bottom: 15px;} 
    .thankyou-content h2 { font-size: 6.5vw; padding-bottom: 15px;} 
    .thankyou-content p {  width: 100%;} 
    .thankyou-img::before{opacity:0.5;}
    .thankyou-img { min-height: 400px; position: relative;}
    .secondary-nav-holder.sm ul li { flex: 1 1 100%; }
    .breadcrumb-container{ padding-top:15px;}
    .breadcrumb-container li a::after{margin:2px 5px 0px;}
    .breadcrumb-container.alt{padding:10px 0}
    .table-holder .table th { font-size: 11px;padding: 0 5px;}
    .table-holder .table td { font-size: 11px;padding: 15px;}
    .grid-content.alt,.grid-ov-info{ padding: 20px;}
    .inner-banner-img {min-height:200px;}
    .content h3 { font-size: 14px;} 
    .footer-wrapper{ padding-bottom: 50px;}
    .news-details-holder hr{ margin: 20px 0px;}
    .news-details-holder h2{ font-size: 20px;}
    .news-details-holder h3{font-size: 18px;}
    .news-details-holder h4{font-size: 16px;}
    .news-details-holder h5{font-size: 14px;}
    .news-details-holder h6{font-size: 13px;}
    .news-details-holder p{ margin-bottom: 30px;}
    .grid-ov,.service-box .grid-content,.grid-content{padding:20px 20px}
    .mean-container .mean-nav{margin-top:56px;}
    .mean-container a.meanmenu-reveal{right:10px !important;}

    .container.container-xxl,
    .container.container-xl,
    .container.container-sm,
    .container.container-md,
    .container,
    .container.container-lg, 
    .container-fluid,
    .header-container{padding:0 15px}

    .logo {width:70px}
    .logo a{padding:10px 0}
    .textColRight, .textColLeft{padding:0 15px}
    #toTop{right:10px}
    .product-details-title h1{font-size:24px;}
    .nav-wrapper{margin:16px auto;}
    .banner_caption-inner h2{padding-bottom: 15px;}
    .banner_caption-inner p{margin-bottom:20px}
    .banner_caption-inner{max-width:100%}
    /*---*/
    .homeBannerSlider .banner_caption-inner{text-align:center}
    .home-news-slider,.home-client-logo-slider, .client-logo-slider{margin: 0}
    .homeBannerSlider .banner_caption-inner .button-holder{justify-content:center;}
    .copyright{line-height:1.5}
    .contact-list li i, .contact-list li img{top:0}
    .service-list li .service-box{width:100%}
    .news-slide{padding:0 5px}
    .home-banner-dots-arrow{height:25px;max-width:150px !important}
    .banner-dots .slick-dots li button{width:50px}
    .pagingInfo #current{left:-15px}
    .pagingInfo #total{right:-15px}
    .home-banner-img{min-height:350px}
    .home-sec-1 .content-box{padding-right:15px}
    .home-project-img .img-holder{padding-bottom:100%;}
    .home-project-content{max-height:90px;padding:20px 15px;}
    .styled-link.has-icon.icon-left::after, .styled-link.has-icon.icon-right::after {font-size:20px;margin-left:5px;}
    .service-list{flex-wrap:wrap}
    .service-list li{width:100%;padding:10px 0;}
    .service-list li .service-box{width:100%;max-height:100%}
    .service-list li .service-box:hover{width: 100%}
   
    .text-rotate{writing-mode:inherit;transform: inherit;}
    .service-list-holder {overflow-x:inherit;}
    .service-box .grid-content{align-items:flex-end;}
    .home-sec-2 .service-list{margin:0}
    .who-we-list li{padding-bottom:20px;}
    .newsletter-box{text-align:center;}
    .newsletter-button{position:relative;margin-top:15px;}
    .custom-button.alt, .newsletter-button{min-width:120px}
    .footer-logo{max-width:100px;}
    .service-box .grid-info p{margin-bottom:0}
    .mis-vis-icon,.values-holder .mis-vis-icon{border-radius:5px}
    .app-feat-icon,.mis-vis-icon,.values-holder .mis-vis-icon{width:50px;height:50px}
    .app-feat-info{width: calc(100% - 50px);padding-left:15px;}
    .mis-vis-holder{padding:5px 15px;}
    .mis-vis-box{padding:20px 15px;margin-bottom:15px}
    .mis-vis-icon img{width:30px}
    .mis-vis-title{width: calc(100% - 50px);padding-left:15px;}
    .mis-vis-title::after,.values-holder .mis-vis-title::after {width: calc(100% - 15px);}
    .values-holder{padding:0 15px 10px;}
    .home-sec-1::before ,
    .about-sec-1::before {opacity:0}
    .app-feat-list li{margin-bottom:25px}
    .portfolio-modal .modal-dialog{padding:50px 0;}
    .portfolio-modal .arrows-outside .slick-prev{left:-30px}
    .portfolio-modal .arrows-outside .slick-next{right:-30px}
    .news-box-title{padding-bottom:15px}
    .news-box-desc{padding-top:15px}
    .news-details-holder .news-meta-holder{padding-top:20px}
    .news-details-info{padding-top:20px}
    .news-details-holder p{margin-bottom:15px}
    body.woocommerce .product-box-footer a.button{min-width:160px}
    .product-availability{padding:20px 0}
    .qty-btn{font-size: 12px}
    .client-logo-box{padding:15px 5px}
    .client-logo-slider .slick-dots{bottom:-10px;}
    .client-logo-slider-holder{padding-bottom:20px;}
    .get-touch-holder{padding:40px 50px;}
    .get-touch-box{padding:0}
    .get-touch-icon{width:65px;height:65px;border-radius:10px}
    .get-touch-icon img{width:34px}
    .get-touch-info{padding-top:15px}
    .bottom-whatsapp-icon a{width:30px;height:30px;font-size:16px;}
    .map-holder iframe{height:200px !important;min-height:100%}
    .thankyou-content p{margin-bottom:15px;}
}
/*-414-xs*/
@media only screen and (max-width: 479.98px){
    .height-xs { height: auto !important; } 
    .hide-xs { display: none !important; } 
    .show-xs { display: block !important; } 
    .hide-xs { display: none !important; } 
    .auto-xs { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-xs { text-align: center !important; } 
    .text-left-xs { text-align: left !important; } 
    .justify-center-xs { justify-content: center !important; } 
    .width-xs { width: 100% !important; max-width: 100%; } 
    .button-holder { margin: -10px -10px; } 
    /*.button-holder>div { width: 100%; padding: 10px; }*/
    /*.button-holder .custom-button,.button-holder .custom-button-holder { width: 100%; min-width: 100%; }*/
    .nav-2col.xs li, .list-2col.xs li, .nav-3col.xs li, .list-3col.xs li { width: 100%; }
    .Scrollcontent.xs { height: auto !important; } 
    .Scrollcontent.xs .mCSB_inside > .mCSB_container { margin-right: 0px !important; } 
    /*----*/

    .news-slide{padding:0}
     .get-touch-holder{padding:40px 30px;}
     .get-touch-info h6{padding-bottom:15px;}
   
}
/*-375-*/
@media only screen and (max-width: 413.98px) {
    .height-xxs { height: auto !important; } 
    .show-xxs { display: block !important; } 
    .hide-xxs { display: none !important; } 
    .auto-xxs { /*-ms-flex: 0 0 100%; */ flex: 0 0 100%; width: 100%; max-width: 100%; } 
    .text-center-xxs { text-align: center !important; } 
    .text-left-xxs { text-align: left !important; } 
    .width-xxs { width: 100% !important; max-width: 100%; } 
    .ftbox {  width: 100% !important;} 
    /*---*/
    body{font-size:13px}




}

/*-320-*/
@media only screen and (max-width: 374.98px) {
    .top-right .custom-button.btn-md{padding:0px 10px;font-size:8px;height:30px;}
    .award-box .award-img{width:100%;}
}
@media only screen and (max-width: 332.98px) {
    .top-info-right .row .col-auto:nth-child(3){display:none}
    .zoom-link{padding:6px 18px;}

    .top-right .custom-button.btn-md{width:70px;}
}