@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footerContact{padding: 50px 50px;}
    .footer-section .footerForm{padding: 50px 50px;}

    .cta-new.homeServices .section-heading{margin-bottom: 5.2rem;}
    .servicesLeftCont{padding-top: 0px;}
    .servicesLeftCont .homeSerCont{margin-bottom: 286px; margin-top: -15px;}
    .servicesRightCont .homeSerCont{margin-bottom:352px;    margin-top: -85px;}
    .sliderWrapp .owl-carousel .owl-stage-outer {position: relative;     top: 161px;}
    .locationImg {min-width: 225px;}

    .rightBannerImage img{width: 280px;
        height: 280px; border: solid 14px rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, 0.1);}
        .sliderWrapp.innerBannerWrapp h1{font-size: 26px;   line-height: 27px;}
        .sliderWrapp.innerBannerWrapp p {font-size: 14px;}
}

@media only screen and (max-width: 1199px){
    img.imgModalMiddle{width:324px;}
    .modalCont {width: 48%;}
    .modalImag {position: relative;margin-top: 50px;}
    .bottomModal .iconModal:before{display:none;}
    .bottomModal .iconModal::after{display:none;}
    .topModal .iconModal:before{display:none;}
    .topModal .iconModal::after{display:none;}
    .bottomModal .leftModal {bottom: 0%;     left: 44px;}
    .bottomModal .rightModal{bottom: 0%; right:-5.8%;}
    .topModal .rightModal{top: 0%;     right: -21.8%;}
    .topModal .leftModal {top: 0%; }

    .innerBannerWrapp .hero-equal-height{min-height: 444px;}
    .signupbtntext{font-size: 12px;     margin-bottom: 20px;}
    .formcontainer{margin-top: 112px;  margin-bottom: 20px;}
}

@media only screen and (min-width: 992px){

}
	
	
@media only screen and (min-width: 768px) and (max-width: 991px) {
.topModal .leftModal {left:-96px;}
.topModal .rightModal{right: -40.8%;}
.bottomModal .leftModal{left:-60px;}
.bottomModal .rightModal{right:-23.8%;}
.innerBannerWrapp .item .col-md-7{    min-width:50%;}
.sliderWrapp .item .col-md-8{    min-width:100%;}




.homeServices{padding:0px;}
.cta-new.homeServices .section-heading{margin-bottom: 7.2rem;}
.servicesLeftCont{padding-top: 0px;}
.servicesLeftCont .homeSerCont{margin-bottom: 286px; margin-top: -65px; width: 240px;}
.servicesRightCont .homeSerCont{margin-bottom:283px;margin-top: -139px; width: 240px;}
.homeSerCont.serBottomCont{margin-bottom:0px;     margin-top: 0px;}

.footerContact{padding: 50px 20px;}
.footer-section .nav-tabs .nav-link{padding: 8px 10px;}
.footer-section .footerForm {padding: 50px 31px;}
.homeTestimonialsWrapp .clientCarousel {padding: 30px 30px 54px 30px;}

.hero-equal-height{min-height: 464px;}
.sliderWrapp h1 {font-size: 20px !important; line-height: 31px;}
.sliderWrapp h2 {font-size:14px;line-height: 22px;}

.rightBannerImage{width: 250px;}
.innerBannerWrapp .hero-equal-height{min-height: 350px;}

.sliderWrapp .owl-carousel .owl-stage-outer {position: relative;}
.caseStudiesMiddelImg{display:none;}

.rightBannerImage img{width: 240px; height: 240px; 
    border: solid 14px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 0px 18px rgba(255, 255, 255, 0.1);}
    .sliderWrapp.innerBannerWrapp h1{font-size: 26px; line-height: 27px;}
    .sliderWrapp.innerBannerWrapp p {font-size: 14px;}
    .sliderWrapp .owl-carousel .owl-stage-outer {position: relative;top: 100px; }
    .sliderWrapp .owl-carousel .owl-stage-outer{overflow: visible !important;}
    .sliderWrapp .owl-item{width: fit-content !important;}
}

@media (max-width: 880px){
    .topModal {display: inherit;}
    .bottomModal{display: inherit;}
    .modalBlock{display: inherit; margin-bottom:20px; position: relative;}
    .topModal .leftModal {position: inherit; display: inline-flex;}
    .bottomModal .leftModal {position: inherit; display: inline-flex;}
    .topModal .rightModal {position: inherit; display: inline-flex;}
    .bottomModal .rightModal {position: inherit; display: inline-flex;}
    .iconModal{position: inherit;}
    .modalCont {width: 100%; text-align: left;}

    .topModal .leftModal .iconModal {float: left; position: absolute;     margin: 0px;}
    .topModal .leftModal .modalCont{padding-left: 98px;}
    .topModal .rightModal .iconModal {float: left; position: absolute;     margin: 0px;}
    .topModal .rightModal .modalCont{padding-left: 98px;}

    .bottomModal .leftModal .iconModal {float: left; position: absolute;     margin: 0px;}
    .bottomModal .leftModal .modalCont{padding-left: 98px;}
    .bottomModal .rightModal .iconModal {float: left; position: absolute;     margin: 0px;}
    .bottomModal .rightModal .modalCont{padding-left: 98px;}
}



@media (max-width: 767px){
    .caseStudiesMiddelImg{display:none;}
    .headingCaseStudies h5{font-size: 13px;}
    .contCaseStudies p { min-height: fit-content;}
    .formcontainer{    width: 100% !important;}
    .signupbtntext{font-size: 12px;       margin-top: 0px;  margin-bottom: 20px;}
    .formcontainer{    margin-top: 21px;  margin-bottom: 20px;}
    .careersWrapp h6{line-height: 22px;}

    .sideBySideBlocksWrapp .cta-new-wrap{margin-top:40px; margin-bottom:40px;}
    .sideBySideBlocksWrapp .ptb-80{padding: 30px 0;}
    .servicesBg{display:none;}
    .servicesLeftCont{margin-bottom:0px;    padding-top: 0px;}
    .servicesRightCont {padding-top: 0px;float: left;}
    .servicesLeftCont .homeSerCont {text-align: left;  width: 100%; margin-bottom: 27px;}
    .servicesRightCont .homeSerCont {width: 100%;}
    .servicesRightCont .homeSerCont{margin-bottom: 24px;}
    .footerContact {padding: 30px 20px;}
    .footer-section .footerForm{padding: 30px 20px; }
    .footer-section .nav-tabs .nav-link{padding: 8px 5px;}
    .homeTestimonialsWrapp .clientCarousel{padding :15px 15px 60px 15px;}
    .footer-section .nav-tabs .nav-item {
        margin-right: 1px;
    }

    .sliderWrapp h1 {font-size: 26px;}
    .sliderWrapp h2 {font-size: 17px;     line-height: 26px;}
    /* .hero-equal-height{min-height:100%;} */

    .sliderWrapp .owl-item{padding-top:0px;}
    .main-header-menu-wrap .navbar-toggler{    color: #fbfdff;}
    .main-header-menu-wrap.affix {display: none !important;}
    .main-header-menu-wrap .navbar-toggler.btn:focus{color: #fff;}
    #navBar.navbar-collapse{
position: absolute; top: 51px; background: rgb(35 34 35 / 90%);
width:100%; padding: 0px;}
    .main-navbar-nav{padding:14px 0px;}
    .navbar-nav .main-navbar-nav li{margin-bottom: 13px;}  
    .main-navbar-nav li{margin-left:0px;}
    .navbar-expand-md .main-navbar-nav .custom-nav-link{padding:12px 20px;}

    .solutionsBlockCards .card{min-height:auto; }

    .gradient-overly-right, .gradient-overly-left, .gradient-overly-bottom, .gradient-overly-top{
        overflow: inherit;
    }
    .logo-main{display:none;}
    .stickyMenuLogo{display:block;}
    .stickyMenuLogo img{    width: 130px;}
    .u-header__promo-text{min-height: fit-content; max-height: fit-content;}

    .rightBannerImage img{
        border: solid 10px rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 0px 14px rgba(255, 255, 255, 0.1);}
        .sliderWrapp.innerBannerWrapp h1{font-size: 26px;  line-height: 22px;}
        .sliderWrapp.innerBannerWrapp p {    font-size: 12px;
            line-height: 20px;
        }
        .sliderWrapp .owl-carousel .owl-stage-outer {position: relative;top:60px;        }
        .sliderWrapp .owl-carousel .owl-stage-outer{overflow: visible !important;}
        .sliderWrapp .owl-item{width: fit-content !important;}

        .sliderWrapp .withRightBannerImage .owl-carousel .owl-stage-outer {   top: 20px; }
        .sliderWrapp .withRightBannerImage .rightBannerImage {    margin-top: 20px;}
}



@media only screen and (min-width: 568px) and (max-width: 767px){	
    .rightBannerImage img{width: 180px; height:180px; }
    .topModal .leftModal {left:-96px;}
    .topModal .rightModal{right: -40.8%;}
    .bottomModal .leftModal{left:-96px;}
    .bottomModal .rightModal{right:-43.8%;}
    .hero-equal-height{min-height: 445px;}
    .sliderWrapp h1 {font-size: 20px !important; line-height: 31px;}
    .sliderWrapp h2 {font-size:14px;line-height: 22px;}

.rightBannerImage{width: 200px;     right: 5%;}
.innerBannerWrapp .hero-equal-height{min-height: 300px;}
.sliderWrapp.innerBannerWrapp .header-content{    width:100%;}
.innerBannerWrapp .item .col-md-7{      width: 60%;  min-width:60%;}
.sliderWrapp .btn-primary{padding: 12px 24px; font-size: 12px;}
.sliderWrapp .btn-info{padding: 12px 24px; font-size: 12px;}
}
	
@media (max-width: 575px){
.addressBlock {min-height: fit-content;}

}


@media only screen and (min-width:320px) and (max-width: 567px) {


    .hero-equal-height {
        min-height: 360px;
    }

    .sliderWrapp h1 {
        font-size: 18px !important; line-height: 31px;
    }

    .sliderWrapp h2 {
        font-size: 14px;
        line-height: 22px;
    }

    .sliderWrapp .action-btns.mt-4 {
        margin-top: 1rem !important;
    }

    .ourServicesWrapp .owl-theme .owl-nav [class*='owl-'] {
        margin: -3px !important;
    }

    .locationImg {min-width:fit-content; overflow: visible;}
    .contactUsWrapp.locationWrapp .d-flex{display: block !important;}


    

    .rightBannerImage{position: relative; left:auto; right:auto; margin:auto;
        margin: auto;  display: block;}
    .rightBannerImage img{width:150px; height: 150px; border: solid 9px rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.1);     display: block;     margin: auto;}
    .sliderWrapp.innerBannerWrapp .header-content{text-align: center;}
    .sliderWrapp.innerBannerWrapp h1{text-align: center;}

.innerBannerWrapp .hero-equal-height{min-height: 300px;}
.sliderWrapp.innerBannerWrapp .header-content{    width:100%;}
.sliderWrapp .owl-item{width: 100% !important;}

.sliderWrapp .btn-primary{padding: 12px 24px; font-size: 12px;}
.sliderWrapp .btn-info{padding: 12px 24px; font-size: 12px;}
}