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

	

	header .topBar{ padding:10px 10px;}

	header .mainWarpper{ padding:0px 10px;}


	.banner .wrapper {

    height: 100vh ;

    padding-bottom: 0px ;

}

.banner .wrapper .details {
    margin-top: 18%; }

.aboutSection h2{padding-right:12%;}

.aboutSection .details{ padding-right:12%;}

.creativeStudio .wrapper .details p{ padding-right:12%;}



/*.btn2{ right:10%;}*/



footer .copyright{padding-left: 20px;}



footer .contact{ padding-left:20px;}



.solutions{ padding-left:20px;}



.text-gray{padding-right:8%;}

.right-big{padding-right:10%;}



.is-inview p{padding-right:10%;}



.client_page{ padding-right:5%;}



.text-start{padding-right:5%;}

.cnt-rt-1{ padding-right: 0 !important; }
.mg-right-btn{ margin-right: 10%; }

}

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

.banner .wrapper .details { margin-left: 3%; }


}


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

.banner .wrapper .details {
    margin-top: 15%; margin-left: 3%;}

    .banner .experience{ left: 58%; }


}

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



header.background .logoScroll {

    display: block;

    width: 140px !important;

}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size: 12px !important;}



.banner{background-position: center right 1%;}



.banner .wrapper .details{ padding-left:20px;}



.banner .experience{ bottom:40%;}



.page-section{ padding-left:20px; padding-right:20px;}

.banner .wrapper .details {
    margin-top: 18%;}





}





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

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link a{ font-size:13px;}

.creativeStudio .mainhead{ padding: 0px 20px; }

.banner .wrapper {
    height: auto !important; padding-bottom:180px !important; padding-top:120px !important;
    background: rgb(255 255 255 / 75%);
}
.banner .experience {
    bottom: 60%;
}
.banner .wrapper .details {
    margin-top: 0;
    width: 100%;
}


}



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





header .topBar{ padding:10px 10px;}

header .mainWarpper{ padding:0px 10px;}



	 

}



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


.banner .wrapper .details {
    margin-top: 25%;
    width: 100%;
}


.btn2 {

    right: 0%;

}

	 

}







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

 

	 

header .topBar{ padding:10px 10px;}

header .mainWarpper{ padding:0px 10px;}



.banner .wrapper{height: auto !important; padding-bottom:120px !important; padding-top:220px !important}

.banner .experience{ bottom: 45% !important;
    left: 75% !important;
    }

header .topBar{ padding:10px 10px;}

header .mainWarpper{ padding:0px 10px;}



#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column{ width:300px;}



.banner .experience{ /*bottom: 20% !important;*/}



.banner .wrapper p{ padding-right:10%;}



.aboutSection h2{ padding-right:10%; /*padding-left:20px;*/}



.aboutSection p{ padding-right:10%;}



/*.solutions .desc{ padding-right:10%;}*/



.solutions ul li a p{ padding-right: 15%;}



.mt-3 {

    padding-right: 9%;

}

.aboutSection{ padding-left:20px;}



.testimonials{padding: 100px 60px;}



.carousel-control-prev {

    left: -50px;

}



.carousel-control-next {

    right: -50px;

}



footer .contact{padding: 70px 10px; padding-left:20px;}



footer .contact .bottom p{ padding-right:15%;}



footer .contact .bottom p{padding: 60px 40px 0px 20px;}



/*.heading1 h2{ padding-left:15px;}*/



footer .copyright{padding-left: 20px;}



.btn1 span{ font-size:10px;}



.section-title{ padding-right:10%;}



.text-gray{ padding-right: 10%;}



.creativeStudio .mainhead{ padding-left:20px;}



.page-section {

    padding-left: 20px;

    padding-right: 20px;

}



.section-title-1{ padding-right:10%;}



.right-big{ padding-right:10%;}



.is-inview p{  padding-right:10%; }

.solutions .desc{ padding-left: 20px !important; }



.text-start{padding-right:10%;}



.port-sec{ padding-right:15%;}



.client_page{ padding-right:15%;}



.imgs-1 {

    width: 60%;

}



.imgs-2{width: 100px;

    right: 60%;

    bottom: -210px;}

	

.imgs-3 {

    width: 280px;

    left: -50px;

    bottom: 10px;

}



.btn2 {

    right: 0;

}



}



/*@media screen and (max-width: 768px), 

       screen and (max-height: 362px) {

	   

.banner .wrapper{height: 180vh ; padding-bottom:120px }

	   

}*/



/*@media screen and (max-width: 768px), 

       screen and (max-height: 1024px) {

	   

.banner .wrapper{height: 100vh ; padding-bottom:120px ;}



.imgs-3 {

    width: 280px;

    left: -10px;

    bottom: 10px;

}

	   

}

*/





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

 

 
.banner .wrapper .details {
    margin-top: 30%;
    width: 100%;
}


header .topBar{ padding:10px 10px;}

header .mainWarpper{ padding:0px 10px;}



.banner .wrapper{height: auto;
    padding-top: 120px !important;
    padding-bottom: 120px !important;}



.banner .experience{ bottom: 35% !important;
    left: 75% !important;
    width: 130px;
    height: 130px;}



.banner .wrapper p{ padding-right:20%; padding-top: 80px; padding-left: 0px;}

.aboutSection a{ padding-left: 20px; }



.aboutSection h2{ padding-right:20%; padding-left: 20px;}



.aboutSection p{ padding-right:20%;}



.solutions .desc{ padding-right:20%;}



.solutions ul li a p{ padding-right: 15%;}



.mt-3 {

    padding-right: 9%;
    margin-left: 20px;

}



.testimonials{padding: 100px 60px;}



.carousel-control-prev {

    left: -50px;

}



.carousel-control-next {

    right: -50px;

}



footer .contact{padding: 70px 25px;}



footer .contact .bottom p{ padding-right:15%;}



footer .contact .bottom p{padding: 60px 40px 0px 20px;}



/*.heading1 h2{ padding-left:15px;}*/



footer .copyright{padding-left: 20px;}



.btn1 span{ font-size:10px;}



.section-title{ padding-right:15%;}



.text-gray{ padding-right: 15%;}



.creativeStudio .mainhead{ padding-left:20px;}



.page-section {

    padding-left: 20px;

    padding-right: 20px;

}



.section-title-1{ padding-right:20%;}



.right-big{ padding-right:20%;}



.is-inview p{  padding-right:14%;     padding-left: 20px;}



.text-start{padding-right:20%;}



.port-sec{ padding-right:15%;}



.client_page{ padding-right:15%;}



.imgs-1 {

    position: relative;

    width: 60%;

}



.imgs-2 {

    width: 100px;

    right: 60%;

    bottom: -60px;

}



.imgs-3 {

    width: 180px;

    left: 140px;

    bottom: 150px;

}

.f_head {
    padding-left: 20px;
}




}