@media only screen and (min-width: 1920px) {
	.container-fluid {
		max-width: 1920px; 
		margin: auto;
	}

}
@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1440px;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
	.container {
		max-width: 100%;
		padding: 0 15px;
	}
	.main-Banner h1{ font-size: 2.25rem; padding-top: 3rem; }
	.main-Banner h1 span{ font-size: 2.25rem;  }
	.main-Banner .content{ padding-top: 7rem; }
	.main-Banner p{ font-size: 1rem; }
	.counterSec .mcounters .items h2 span{  font-size: 3rem; }
	.counterSec .mcounters{ padding: 0 2rem; }
	h2{ font-size: 3rem; letter-spacing: normal; }
	.scrolltext .scrollHead{ font-size: 4.85rem; padding: 1rem 0; }
	.stepsProcess .text-center h2{ letter-spacing: initial; }
	.stepsProcess .items{  margin-bottom: 1rem; }
	.stepsProcess{ padding-bottom: 1rem; }

	.portsec .justify-content-end{ justify-content: space-between !important; }
	.featuredSec{ overflow: hidden; }
	
	.designdevelopSec:before{     top: -3.5rem; }

}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}
	.main-header .container{ max-width: 95%; }
	.menuWrap .menu a{ }
	h1{ font-size: 3.675rem; }
	.main-header .leftside .menuWrap{ display: none; }
	.featuredSec:before{ height: 480px; background-size: contain; }
	.portsec h2 span{ font-size: 4.975rem; }
	.testimonials p{ font-size: 1.363rem; }
	.designdevelopSec .cont h2{  font-size: 5.275rem; }
	.designdevelopSec:after{ background-position: right; height: 310px; background-size: contain; }
	.designdevelopSec .cont:before{ bottom: -25px; }
	.designdevelopSec .cont p{ font-size: 1.125rem; }
	.stepsProcess .items h3{ font-size: 2rem; }
	.rightfixMenu .menuWrap{ padding: 2rem 2rem; width: 40vw; }


}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}
	h2{ font-size: 2.5rem; }
	.container{ max-width: 100%; }
	.menuWrap .menu a{ padding: 16px 10px; }
	.main-header{ position: relative;  }
	.stepsProcess .text-center h2{ font-size: 2rem; }
	.stepsProcess .items h2{ font-size: 8rem; }
	.pricingBox h3{ font-size: 2rem; }
	.pricingSec .pricingBox{ padding: 2rem; }
	.webdesignAgency h2 {  font-size: 2rem; }
	.testimusers{ min-height: initial; }
	.awardsMain{ gap: 1rem; }
	.awarsSec h2{ letter-spacing: 5px; }
	.designdevelopSec .cont h2{ font-size: 3.575rem; }
	.pricingSec .pricingBox{ margin-top: 1rem; }
	.pricingSec:before{ height: 640px; }
	
	.testimonials{ max-width: 100%; }
	.scrolltext .scrollHead{ font-size: 3.75rem; }
	.themeBtn{   padding: 15px 30px; }
	.extraLinks ul{ column-gap: 1rem; gap: 0; }
	.brandingSec .posabs{ height: 100%; }
	.brandingSec .posabs .brandImgDvs{     background-size: cover; }
	.designdevelopSec{     padding-top: 5rem; }

}

@media (max-width: 767.98px) {
	

	html {
		font-size: 14px;
	}
	h2 {
        font-size: 2rem;
    }
	/* .menu-Bar{ top: 40px; } */
	.menuWrap .menu a{ padding: 8px 10px; margin-bottom: 6px; }
	.main-Banner .content{ text-align: center; }
	.mmheader .rightside{ gap: 1rem; }
	.logo.navbar-brand{ margin-right: 0; }
	.srolldown{ display: none; }
	.featuredSec{ padding: 5rem 0; }
	.featuredSec:before{ display: none; }
	.logo.navbar-brand img{ width: 240px; }
	.counterSec .mcounters .items p{ font-size: 1.125rem; }
	.stepsProcess .text-center h2{ font-size: 2.5rem; }
	.stepsProcess .items{ text-align: center; }
	.stepsProcess .items a{ opacity: 1; }
	.mmheader .rightside .themeBtn{ padding: 10px 20px; }
	.wixAgencySec .items{ padding-top: 2rem; max-width: 100%; text-align: center; }
	.mmpopup .imgpop{ display: none; }
	.mmpopup .cont,
	.mmpopup .formPop{  width: 50%; }
	.mmpopup .formPop{  padding: 2rem 2rem 2rem; }
	.pricingBox.active{ background-size: cover; }
	.webdesignAgency{ text-align: center;  }
	.clientLogo{ justify-content: center; }
	.portsec h2{ text-align: center; }
	.testimusers{ max-width: 100%; }
	.designdevelopSec:after{ bottom: 2rem; top: initial; }
	.designdevelopSec .cont{ text-align: center; }
	.designdevelopSec{ padding-bottom: 1rem; }
	.featuredProducts .items .cont h3{ font-size: 1.5rem; }
	footer h3{ margin-top: 1rem; }
	.extraLinks{ padding: 1rem 0; }
	.extraLinks ul li a{  padding: 0.5rem 1rem; }
	footer{  padding: 2rem 0; }
	.extraLinks ul li a{  padding: 0rem 1rem; }
	.mmheader .rightside .themeBtn{ 
		padding: 0;
	 }
	 .mmheader .rightside .themeBtn span{
		width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
	   }
	   
	   .mmheader .rightside .themeBtn span i{ margin-left: 0; }
	   .container-fluid{ padding: 0 2rem; }
	   .rightfixMenu .menuWrap{ width: 100%; }
	   .featuredSec.wixservice h2{ font-size: 2rem; }
	   .logodesignPg .dg-transforms.paraBg2{ padding: 2rem 0; }
	   .logodesignPg .dg-transforms.paraBg2 p{ font-size: 1.1rem; }
	   .featuredSec ,
	   .serviceDetPg .portsec p{ text-align: center; }
	   .listpack { text-align: left; }
	   .featuredSec .conts h3{ font-size: 2rem; }
	   .reveal{ margin-top: 1rem; }
	   .tabsMain ul{ display: flex; align-items: center; flex-flow: wrap; text-align: left; margin-bottom: 1.5rem; }
	   .tabsMain ul li{ width: 50%; }
	   .contSimple h3{ font-size: 1.5rem; }
	   .designdevelopSec:after{ display: none; }
	   .designdevelopSec .cont h2{ font-size: 2rem; }
	   .serviceDetPg .designdevelopSec .cont h2 span{ font-size: 3.375rem; display: block; }
	   .designdevelopSec .cont:before{ display: none; }
	   .portfolioSec .items img{ width: 100%; }
	   .brandingSec .posabs{ height: 300px; width: 100%; position: relative; }
	   .brandingSec .posabs .brandImgDvs{ background-size: cover; background-attachment: initial; }
	   .brandingSec .cont{ padding-left: 0; text-align: center; }
	   .brandingSec h3.fntinter{ font-size: 2rem; }
	   br{ display: none; }
	   section{ padding: 3rem 0; }
	   .graphicsPg .portsec h2{ font-size: 2.8rem; text-align: left; }
	   .graphicsPg .portsec h2 span{ font-size: 3rem; }
	   .awarsSec h2{ letter-spacing: initial; }
	   .formPop h3{ font-size: 1.525rem; font-weight: 700; display: none; }
	   .formPop h3 span{ display: block; }
	   .testimonials p{ margin: 2rem 1rem; }
	   .testimonials{ padding: 0; }
	   .serviceDetPg .portsec h2 span{ font-size: 1.475rem; display: block; }
	   .bookingPg .brandingSec .posabs{ width: 100%; }
	   .brandingSec .cont{ padding-bottom: 0; }
	   .bookingPg .stepsProcess .items h3{ font-size: 2rem; }
	   .ctaSec p{ font-size: 2rem; line-height: normal; }
	   .socialmediaPg .contSimple .lists li{ display: block; }
	   .socialmediaPg .contSimple .lists{ text-align: left; }
	   .socialmediaPg .contSimple .lists li{ font-size: 1.1rem; }
	   .socialmediaPg .contSimple .lists{ display: block; }
	   .socialmediaPg .contSimple .lists li svg{ top: 5px; }
	   .connectFrom{     padding: 20px; }
	   .connectFrom h3{ font-size: 2rem; }
	   .contformDets .items{ margin-bottom: 1rem; height: initial; }
	   .connectImgs{ flex-flow: wrap; gap: 0; }
	   .connectImgs figure{ width: 50%; text-align: center; }
	   .connectImgs figure img{ width: initial;  max-width: 90%; margin: auto; }

        .tabsPack a{ margin: 0.5rem 0; }
        
        .iti__country-list{     white-space: nowrap; z-index:999; }
        .iti--container{ z-index: 9999999;  }
        .extraLinks .d-flex{ flex-flow: column; justify-content: center !important; text-align: center; }
        
        .bannerPortfolio { display:none; }
        .counterSec .mcounters .items{ width:50%; }
        .counterSec .mcounters .items h2 span{ font-size: 2rem; }
        .main-Banner h1,
        .main-Banner h1 span{ font-size: 1.65rem; }
        .main-Banner p{ font-size:14px;  }

}

@media (max-width: 624.98px) {
	html {
		font-size: 14px;
	}
    .rightside figure{ display: none; }
	.logo.navbar-brand img{   width: 190px; }
	.wixAgencySec .items h2{ font-size: 2.5rem; }
	br{ display: none; }
	.wixAgencySec,
	.featuredSec,
	.portsec{ padding: 3rem 0 !important; }
	.mmpopup .cont{ display: none; }
	.mmpopup .formPop{ width: 100%; }
	.logodesignPg .portfolioSec{  padding: 3rem 0 1rem; }
	.formPop h3{ display: block; }
	ul.lists { text-align: left; }
	.col2set{ columns: 1; }
	.designdevelopSec:before{ top: -2.8rem; width: 80px; height: 80px; border: 15px solid var(--theme-color);  border-bottom-width: 15px; border-bottom-color: #fff; border-left-color: #fff; }


}

@media (max-width: 379.98px) {
	html {
		font-size: 14px;
	}
	.themeBtn+.themeBtn{ margin-left: 0; }
	
	.sbt{ text-align: center; }
	.featurecont h2{ font-size: 2rem; }
	.scrolltext .scrollHead {
        font-size: 2.75rem;
    }
	.stepsProcess .text-center h2 {
        font-size: 2rem;
    }
	


}