@media only screen and (max-width: 1599px){
	#clsmainmenu .clssubmenu {height: 510px;}
}
@media only screen and (max-width: 1499px){
	.container {max-width: 1320px;}
	.clshsect1 .clscountlists {padding: 0 120px;}
	.clshsect1 .clstexts1 p {padding: 48px 0 0px;}
	footer .fbox1 {width: 375px;}
	footer .fbox2 {width: 470px;}

	.clsmegamenus .clsmenuwrap {padding: 50px 40px;}
	#clsmainmenu .clsmenuitem, #clsmainmenu .clssubmenu a {font-size: 22px;}
	#clsmainmenu .clssubmenu {padding-left: 60px;}

	/** Project Page **/
	.clsprojdetails1 .clsheading p {padding: 0 90px;}
	.clsprojdetails2 {gap: 0 40px;}
}
@media only screen and (max-width: 1399px){
	.container {max-width: 1140px;}
	.ctitle1 {font-size: 76px; line-height: 100px;}
	.clsmaintopsect .clsitem {height: 785px;}
	.clshsect1 .clscountlists {padding: 0 40px;}
	.clshovertabs .nav-link span {font-size: 34px;}
	.clshovertabs .nav-pills {width: 610px;}
	.clshovertabs .tab-content {width: 480px;}
	.clshsect4 .textinfo p {font-size: 34px;}
	.clsoulprobox .clsoulproinner .info h4 {font-size: 34px; line-height: 48px;}
	.clsglobalsay .clsimgcol {width: 800px;}
	.clsglobalsay .clssaytexts, .clsglobalsay .clsslickarrows {width: 710px;}
	.clsnewslists {margin-left: -20px; margin-right: -20px;}
	.clsnewscol {padding: 0 20px;}
	.clsglobrow {margin-right: -10px;margin-left: -10px;}
	.clsglobalsect .clsitemcol {padding: 0 10px;}
	footer .footerboxs .fmenu {flex-wrap: wrap;}
	footer .footerboxs .fmenu ul {width: 50%;}
	footer .footerboxs .fmenu ul:nth-child(2) {width: auto;}
	footer .fbox1 {width: 345px;}
	footer .fbox2 {width: 320px;}

	#clsmainmenu {padding: 0 50px 120px;}
	#clsmainmenu .clssubmenu {left: 243px; padding-left: 50px;}

	/** Featured Project Page **/
	.clsrow40 {margin-left: -20px;margin-right: -20px;}
	.clsprojebox {padding: 0 20px;}

	/** Clients Page **/
	.clshclientsec1 .ctitle2 {margin-bottom: 41px;}
	.clshclientsec1 .clsclientrow {margin-left: -9px; margin-right: -9px;}
	.clshclientsec1 .clsclientbox {padding: 0 9px; margin: 9px 0px;}
	.clshclientsec1 .clsclientlogo {padding: 10px;}

	/** Project Page **/
	.clsprojdetails1 .clsheading p {padding: 0px;}
	.clsprojtitle .clsprojectname h4, .clsprocol1 .clsproinner h4 {font-size: 34px;}
}
@media only screen and (max-width: 1199px){
	.container {max-width: 960px;}
	.cbtn {font-size: 16px; height: 54px; line-height: 52px;}
	#mobilemenu {background: url(../images/menu-burger.svg) no-repeat 50% 50%; background-size: contain; cursor: pointer; width: 20px; height: 15px; cursor: pointer;}
	.custnav {display: none !important;}
	.ctextinfo h4 {font-size: 24px;}
	.ctextinfo p {font-size: 16px; line-height: 24px;}
	.clsmaintopsect .clsitem {height: 710px;}
	.clssoulcol .csoulicon {width: 145px; height: 145px;}
	.clssoulcol h4 {padding: 20px 0 16px;}
	.clscountlists li .clscount1 {font-size: 62px;}
	.clscountlists li p {font-size: 20px; margin-top: 0px;}
	.clscountlists li .clsltext {font-size: 16px;}
	.clshsect1 .clstexts1 h2 {font-size: 62px; line-height: 86px;}
	.clshsect1 .clstexts1 h2 sup {font-size: 39px;}
	.clshsect1 .clstexts1 p {font-size: 34px;}
	.clshsect1 .clstexts1 p sup {font-size: 22px;}
	.clshovertabs .nav-link .cbtn {padding: 0 20px;}
	.clshovertabs .tab-content {width: 390px;}
	.clsnewscol .clsnewinfo p {max-width: 70%;}
	footer .fbox1 {width: 285px;}
	footer .flogo img {width: 270px;}
	footer .fbox2 {width: 297px;}
	footer .fbox3 {width: 250px;}

	.clsmegamenus .clstopmegamenu, #clsmenuleftimg {display: none !important;}
	.clsmegamenus {top: 79px;}
	#clsmainmenu {padding: 0 0px 120px; width: 100%;}
	#clsmainmenu .activemenu .clssubmenu {display: flex;}
	#clsmainmenu .activemenu .clsplusbtn {display: none;}
	#clsmainmenu .activemenu.clsmenuitem {color: var(--color-white);}

	/** Featured Project Page **/
	.clsprojebox {margin-bottom: 0px;}
	.clsfeatprojects .clsprojectlists .clsheading .ctitle32 {margin-top: 50px;}
	.clsprojectlists .btnbox {margin-top: 70px;}

	/** Project Page **/
	.clsprojdetails1 .clsheading p {font-size: 28px;}
	.clsprojectssect {padding-bottom: 45px;}
}
@media only screen and (max-width: 991px){
	.container {max-width: 720px;}
	.clshsect1 .clscountlists {padding: 0;}
	.clshsect1 .clstexts1 h2 {font-size: 56px;line-height: 78px;}
	.clshovertabs .tab-content {display: none;}
	.clshovertabs .nav-pills {width: 100%;}
	.clsoulprobox .clsoulproinner .info h4 {padding-right: 25px;}
	.clsgloblogo {padding-right: 20px; padding-left: 20px;}
	.clsgloblogo img {max-width: 100%;}
	.clsfullcontainer {max-width: 100%; padding: 0px;}
	.clsglobalsay .clstestimonials .slideritem {padding-bottom: 230px;}
	.clsglobalsay .clssaytexts, .clsglobalsay .clsslickarrows {width: 690px; left: 50%; bottom: 0px; top: initial; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
	.clsglobalsay .clsslickarrows {bottom: 212px;}
	.clsglobalsay .clsimgcol {width: 100%;}
	footer .footerboxs {width: 100% !important;}
	footer .footerboxs .fmenu ul {width: 50% !important;}
	footer .footerboxs .fmenu ul:last-child {width: 100% !important; display: flex; flex-wrap: wrap;}
	footer .footerboxs .fmenu ul:last-child li {width: 50%;}
	footer .clsfollow h4 {margin-top: 50px;}
	footer .copyright {text-align: center; justify-content: center !important; flex-direction: column; margin-top: 30px;}
	footer .copyright .clscplinks {display: inline-block !important; margin-bottom: 5px;}

	/** Project Page **/
	.clsprojtitle {text-align: center;}
	.clsprojtitle .clsprojinfo {text-align: center !important; margin-top: 20px;}
	.clsprocol1 {margin-bottom: 20px;}
	.clsprojdetails1 {padding-bottom: 0;}
	.clsprojdetails2 .clsprojimgcol, .clsprojdetails2 .clsprojtexts {width: 100%;}
}
@media only screen and (max-width: 767px){
	.container {width: auto;}
	.ctextinfo h4 {font-size: 17px; line-height: 22px;}
	.ctitle2 {font-size: 20px;}
	.ctitle1 {font-size: 48px; line-height: 58px;}
	.ctitle3 {font-size: 36px; line-height: 48px;}
	.cbtn {font-size: 11px;height: 34px;line-height: 32px;}
	header {padding: 17px 20px;}
	header .logo img {width: 150px;}
	.clsmaintopsect .clsitem {height: 460px;}
	.clsscrollwrap {display: none;}
	.clshsect1 {padding-top: 20px;}
	.clshsect1 .clscountlists {flex-wrap: wrap;}
	.clscountlists li {flex: 1 1 50%; margin: 6px 0;}
	.clscountlists li .clscount1, .clscountlists li h4 {font-size: 40px;}
	.clscountlists li p {font-size: 14px;}
	.clscountlists li .clsltext {font-size: 10px;}
	.clscountlists li h4 {padding-top: 8px;}
	.clscountlists li h4 sup {font-size: 20px; top: -9px;}
	.clshsect1 .clstexts1 {margin: 18px 0 0;}
	.clshsect1 .clstexts1 h2 {font-size: 28px;line-height: 42px;}
	.clshsect1 .clstexts1 h2 sup {font-size: 18px;}
	.clshsect1 .clstexts1 p {font-size: 20px; padding-top: 22px;}
	.clssoulcol .csoulicon {width: 89px;height: 89px;}
	.clssoulcol h4 {padding: 12px 0 0;}
	.clsmpexpertise {padding: 30px 0 35px;}
	.clsmpexpertise .clsheading {margin-bottom: 30px;}
	.clshovertabs .nav-link {padding: 13px 10px;}
	.clshovertabs .nav-link span {font-size: 16px;}
	.clsclientsect {padding: 26px 0px;}
	.clientslider {margin-top: 30px !important;}
	.cls-slide-track, .cls-slide-track2 {width: calc(70px * 30);}
	.clientslider .clsslide {width: 70px;}
	.clientslider .clsslide img {max-width: 100%;}
	.clshsect4 {height: 150px;}
	.clshsect4 .textinfo h2 {font-size: 36px;}
	.clshsect4 .textinfo p {font-size: 20px; padding-top: 5px;}
	.clshsect5 {padding-top: 0px; padding-bottom: 24px;}
	.clshsect5 .ctitle2 {padding-top: 31px;}
	.clsoulprobox .clsoulproinner, .clsoulprobox .clsoulproinner .imgbox {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.clsoulprobox .clsoulproinner {border-bottom-width: 2px;}
	.clsoulprobox .clsoulproinner .info {padding: 15px 50px 30px 15px;}
	.clsoulprobox .clsoulproinner .info p {font-size: 12px;}
	.clsoulprobox .clsoulproinner .info span {font-size: 10px; padding: 4px 0px 15px;}
	.clsoulprobox .clsoulproinner .info h4 {font-size: 20px;line-height: 26px;}
	.clsoulprobox .clsoulproinner .info .carrowbtn {right: 15px; bottom: 15px;}
	.clsoulprobox {margin-top: 22px;}
	.clsglobalsect {padding: 30px 0 50px;}
	.clsglobalsect .clsitemcol {padding: 0 7px;}
	.clsglobalsect .clsglobrow {margin-top: 25px;margin-bottom: 23px;}
	.clsgloblogo {height: 52px; padding: 5px 15px 15px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
	.clsgloblogo img {width: 100%; height: 100%; object-fit: contain;}
	.clsgloblogo span {font-size: 6px;}
	.clsglobalsay .clstestimonials .slideritem {padding-bottom: 150px;}
	.clsglobalsay .clsimgcol {height: 344px;}
	.clsglobalsay .clssaytexts, .clsglobalsay .clsslickarrows {width: 500px;}
	.clsglobalsay .clssaytexts {padding: 22px; height: 300px;}
	.clsglobalsay .clssaytexts .clstexts p {font-size: 16px;}
	.clsslickarrows button, .clsslicknav .slick-arrow {width: 26px; height: 26px; background-size: 5px auto, contain !important;}
	.clsglobalsay .clsslickarrows {bottom: 139px;}
	.clsglobalsay .clsslickarrows .slickprev {margin-left: -12px;}
	.clsglobalsay .clsslickarrows .slicknext {margin-right: -12px;}
	.clshsect7 {height: 300px;}
	.clshsect7 .btnbox .cbtn {width: 112px; margin: 16px 5px 0px;}
	.clshsect8 {padding: 30px 0px;}
	.clshsect8 .clsnewslists {display: none;}
	.mob-clsmedia {display: block;}
	.clshsect8 .ctitle2 {margin-bottom: 25px;}
	.clshsect8 .cbtn {padding: 0 15px; margin-top: 30px;}
	.clsslicknav .slick-prev {left: -12px;}
	.clsslicknav .slick-next {right: -12px;}
	.clsnewscol .ctags {font-size: 11px; padding: 3px 12px 4px;}
	.clsnewscol .carrowbtn {width: 32px; height: 32px;}
	.clsnewscol .clsnewinfo .clsdate {font-size: 11px; padding-top: 14px;}
	.clsfaqs {padding: 0px 0px 24px;}
	.clsfaqs .faqheading {padding: 14px 0px;}
	.clsfaqs .faqheading h3 {font-size: 18px;}
	.clsfaqs .clsfaqbtn {width: 20px; height: 20px; background-size: 9px auto, contain !important;}
	.clsfaqs .accordion-item {padding: 11px 10px 12px 0px;}
	.clsfaqs .accordion-button {font-size: 16px;}
	.clsfaqs .accordion-button::after {font-size: 19px;}
	.clsfaqs .accordion-body {font-size: 14px;}
	footer {padding-top: 23px;}
	footer .flogo img {width: 210px;}
	.clsbacktotop {width: 20px; height: 20px; right: 24px; top: 35px;}
	footer .fbox1 p {font-size: 14px; margin: 25px 0;}
	footer .footerboxs {padding-bottom: 20px;}
	footer .footerboxs h4 {font-size: 20px; line-height: 25px; margin-bottom: 18px;}
	footer .footerboxs li {margin-bottom: 5px;}
	footer .footerboxs li a, footer .copyright .clscplinks a, footer .copyright .copytext p {font-size: 12px;}
	footer .clsfollow h4 {margin-top: 30px;}
	footer .copyright {margin-top: 0px;}

	.clsmegamenus {top: 63px;}
	#clsmainmenu {height: calc(100vh - 170px);}
	#clsmainmenu .clssubmenu {gap:12px 0; left: 180px; padding-left: 20px; height: 370px; border-left-width: 1px;}
	.clsmegamenus .clsmenuwrap {padding: 50px 20px;}
	#clsmainmenu .clsmenuitem, #clsmainmenu .clssubmenu a, #clsmainmenu .clslbmenu {font-size: 16px;}
	#clsmainmenu .clsmenuitem .clsmainmenu .clsplusbtn {width: 14px; height: 14px; background-size: contain;}
	#clsmainmenu .clsmenubottom .clsbtmenus li {line-height: 10px;}
	#clsmainmenu .clsmenubottom .clsbtmenus li a {font-size: 12px;}
	#clsmainmenu .clsmenubottom .sociallink a {width: 17px; height: 17px; background-size: 17px auto; margin: 0px 6px;}

	/** Featured Project Page **/
	.clsfeatprojects, .clshclientsec1 {padding: 30px 0px 47px;}
	.clsfeatprojects .ctitle2, .ctitle32, .clshclientsec1 .ctitle2 {font-size: 24px;}
	.clsclientlogos {margin: 24px 0 24px;}
	.clsclientlogos .clientslider {height: 80px; margin-top: 0px !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	.clsclientlogos .clientslider .clsslide {width: 70px;}
	.clsclientlogos .cls-slide-track {width: calc(70px * 30);}
	.clsfeatprojects .clsformrow {flex-wrap: wrap; padding-bottom: 16px;}
	.clssearchbar .clssearchcol {width: 100% !important; margin-bottom: 8px;}
	.clsprojebox {margin-top: 24px; margin-bottom: 22px;}
	.clsprojebox .cprojectinner .clsinfo {padding-top: 9px;}
	.clsprojebox .cprojectinner .clsinfo h4 {font-size: 15px;}
	.clsprojebox .cprojectinner .clsinfo p, .clsprojebox .cprojectinner .clscity {font-size: 11px;}
	.clsfeatprojects .clsprojectlists .clsheading .ctitle32 {margin-top: 20px; padding-top: 24px;}
	.clsprojectlists .btnbox {margin-top: 24px;}
	.clsprojectlists .btnbox .cbtn {padding: 0 40px; height: 40px; line-height: 38px; font-size: 13px;}

	/** Clients Page **/
	.clshclientsec1 .clsclientbox {width: 33.33%;}
	.clshclientsec1 .ctitle2 {padding-bottom: 24px; margin-bottom: 15px;}
	.clshclientsec1 .clsclientlogo {height: 50px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
	.clshclientsec1 .clsclientlogo img {width: 100%; height: 100%; object-fit: contain;}

	/** Project Page **/
	.clssllogo {display: none;}
	.clsprojectssect .clsrow40, .clsprojdetails1 .clsrow10, .clsprojdetails2 .clsprojimgcol .clsprojimg:last-child {display: none;}
	.clsprojtitle {padding: 15px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.clsprojtitle .clsprojectname h4 {font-size: 18px; margin-bottom: 0px;}
	.clsprojtitle .clsprojtext1 p {font-size: 12px;}
	.clsprojtitle .clsprojinfo {margin-top: 9px;}
	.clsprocol1 .clsproinner h4 {margin-bottom: 20px;}
	.clsprocol1 .clsproinner p {font-size: 15px;}
	.clsprojdetails1 .clsheading {margin-top: 36px;}
	.clsprojdetails1 .clsheading p {font-size: 16px; margin-top: 33px; margin-bottom: 28px;}
	.clsprojsect1 .clsglobalsect {padding-bottom: 1px;}
	.clsprojsect1 .clsglobalsect .ctitle2 {font-size: 24px;}
	.clsprojdetails2 .clsprojimgcol .clsprojimg {margin-bottom: 22px;}
	.clsprojdetails2 .clsprojtexts .ctextinfo p {padding-bottom: 20px;}
	.clsprojdetails2 .clsprojtexts .clsprojimg img {width: 100%;}
	.clsprojgallery {margin: 24px 0;}
	.playbtn {height: 30px; line-height: 30px; padding: 0 20px; font-size: 12px;}
	.playbtn span {background-size: 6px auto; padding-right: 11px;}
	.clsprojectssect {margin-top: 48px;}
	.clsprojectssect .ctitle2 {margin-bottom: 24px;}
}
@media only screen and (max-width: 575px){
	.ctitle1, .ctitle3 {font-size: 42px;}
	.clsglobalsay .clssaytexts, .clsglobalsay .clsslickarrows {width: 340px;}
	.clsglobalsay .clssaytexts {padding: 20px;}
	.clsglobalsay .clssaytexts .clstexts p {line-height: 20px;}
}
@media only screen and (max-height: 649px){
	#clsmainmenu {height: auto;}
}