@media only screen and (max-height: 700px) {
  /** Error 404 Page **/
  .errorsec {
    padding: 30px;
  }
  .errorimg img {
    width: 270px;
  }
  .errorsec .errortextinfo p {
    font-size: 38px;
    line-height: 50px;
    padding-top: 40px;
  }
  .errorsec .errorfooter p {
    font-size: 22px;
  }
  .errorsec .errorfooter ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-height: 599px) {
  /** Error 404 Page **/
  .errorsec {
    height: 620px;
  }
}
@media only screen and (max-width: 1599px) {
  header {
    padding: 20px 50px;
  }
  .clsbacktotop {
    right: 30px;
  }
  footer {
    padding: 30px 50px;
  }
  footer .fbox3 {
    width: 325px;
  }

  .callbtn {
    right: 50px;
  }
}
@media only screen and (max-width: 1499px) {
  .container {
    max-width: 1320px;
  }
  .maintopbanner .clstexts {
    margin-bottom: 60px;
  }
  .maintopbanner .cheading p {
    padding: 15px 0px 40px;
  }
  .section-h1 .row {
    padding: 0px;
  }

  /** Individual Project Page **/
  .callbtn {
    right: 20px;
  }
  .section-inpr1 .imgpart img {
    max-width: 100%;
  }
  .clsprojcol2 .clsprojinner {
    height: 362px;
  }
  .section-inpr3 {
    padding: 110px 0;
  }

  /** Blog Individul Page **/
  .cbreadcrumb li {
    font-size: 22px;
  }
  .cbreadcrumb li:after {
    font-size: 20px;
  }
  .section-blind2 .textinfo2 {
    padding: 30px 15px 20px;
  }

  /** About Us Page **/
  .section-ab1 .textinfo1 .ctextinfo {
    padding: 0px 60px;
  }
  .section-ab2 .textinfo2 .ctextinfo {
    padding: 50px 55px;
  }
}
@media only screen and (max-width: 1399px) {
.clssearchbar .clssearchcol .custfield{
width: 100%;
}
  .container {
    max-width: 1140px;
  }
  .ctitle,
  .clscounter ul li .count {
    font-size: 46px;
    line-height: 60px;
  }
  .cheading p,
  .ctextinfo h4 {
    font-size: 20px;
  }
  .subtitle {
    font-size: 36px;
    line-height: 48px;
  }
  .subheading p {
    font-size: 18px;
  }
  .ctextinfo p {
    font-size: 16px;
    line-height: 24px;
  }
  .padd80 {
    padding: 30px 0;
  }
  header {
    padding: 20px 30px;
  }
  header .custnav .menus > li {
    padding: 0px 14px;
  }
  header .custnav .menus > li > a {
    font-size: 16px;
  }
  .maintopbanner .cheading p {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .clscounter ul li p {
    font-size: 18px;
  }
  .section-h1 .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .section-h1 .clsstepcol {
    margin-top: 50px;
    padding: 0 20px;
  }
  .clsstepcol .ctextinfo {
    padding-left: 0px;
    padding-right: 0px;
  }
  .section-h2 {
    padding-top: 20px;
  }
  .clssolcol {
    margin-top: 80px;
  }
  .clssolcol .clssolicon {
    margin-bottom: 20px;
  }
  .clsstepcol .ctexts h4 {
    font-size: 38px;
    line-height: 50px;
  }
  .clsstepcol .ctexts h5 {
    font-size: 34px;
  }
  .section-h3 .cheading {
    max-width: 470px;
  }
  .section-h3 .cheading p {
    margin-top: 15px;
  }
  .clscform h3 {
    font-size: 38px;
  }
  .clscform .clsfieldrow {
    padding: 0 15px;
	  margin-top: 15px;
  }
	.clscform .clsfieldrow .custfield{
		height:42px;
	}
	.clscform .clssbbtn{
		height:46px;
		line-height:46px;
	}
  .section-h4 {
    padding-top: 70px;
	  padding-bottom: 50px;
  }
  .clsprojcol .clsprojinner {
    height: 305px;
  }
  .clsprojcol .clsprojtexts {
    padding: 25px 30px;
  }
  .clsprojcol .clsprojtexts span {
    font-size: 19px;
  }
  .clscomplogos ul {
    gap: 0 75px;
  }
  .clstestimonials .clstextinner {
    padding: 90px 0px 90px 40px;
  }
  .clsfaqs #faqs {
    margin-top: 15px;
  }
  footer .copyright .float-start a {
    margin-right: 50px;
  }
  footer .footerboxs h4 {
    font-size: 24px;
  }

/* Ad Page */
	.admintopbanner .mainslider .slideimg {height: 641px;}
	.maintopbanner .clsbannertexts{bottom: 40px;}
	.section-csoul .csoulinner{padding: 60px 15px 0px;}
  /** Contact Us Page **/
  .section-con1 .cheading p {
    font-size: 20px;
    margin-top: 12px;
  }
  .section-con1 .conform {
    padding-left: 15px;
  }
  .section-con1 .condetails {
    padding-left: 40px !important;
  }
  .section-con1 .condetails .coninfo h4 {
    font-size: 20px;
  }
  .section-con1 .condetails .coninfo p {
    font-size: 16px;
    line-height: 24px;
  }
  .section-con1 .condetails .coninfo a {
    font-size: 16px;
    line-height: normal;
  }

  /** Individual Project Page **/
  .section-inpr1 .textinfo .ctextinfo h4 {
    font-size: 30px;
  }
  .section-inpr1 .textinfo .ctextinfo p {
    font-size: 18px;
    line-height: 28px;
    padding-top: 25px;
  }
  .clsrow50 {
    margin: 0px -30px;
  }
  .clsprojlists .clsprojcol2 {
    padding: 0px 20px;
  }
  .clsprojcol2 .clsprojinner {
    height: 347px;
  }
  .section-inpr3 .cheading p {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 55px;
  }

  /** Blog Repository Page **/
  .cblogbanner .clsbannertexts {
    bottom: 50px !important;
  }
  .cblogbanner .clsbannertexts .ctextinfo h4 {
    font-size: 36px;
  }
  .cblogbanner .clsbannertexts .ctextinfo p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .cblogbanner .clsbannertexts .ctextinfo p br {
    display: none;
  }
  .section-blrep2 {
    padding: 60px 0px 75px;
  }
  .cblogrepbox {
    padding: 0 30px;
    margin-top: 60px;
  }

  /** Blog Individul Page **/
  .cbreadcrumb li,
  .section-blind2 .textinfo1 .dimeninfo .info p {
    font-size: 18px;
  }
  .cbreadcrumb li:after {
    font-size: 16px;
  }
  .section-blind2 .textinfo1 .dimeninfo .info p span {
    font-size: 14px;
    padding-top: 0px;
  }
  .section-blind2 .clssharelinks h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .section-blind2 .ctextinfo p {
    font-size: 18px;
    line-height: 28px;
  }
  .section-blind2 .ctextinfo h4 {
    font-size: 26px;
    line-height: 38px;
  }

  /** About Us Page **/
  .section-ab1 {
    padding-top: 60px;
  }
  .section-ab1 .textinfo1 .morphoimg {
    margin: 50px 0px 45px;
  }
  .section-ab1 .textinfo1 .ctextinfo {
    padding: 0px;
  }
  .section-ab1 .textinfo1 .ctextinfo p {
    font-size: 18px;
  }
  .section-ab1 .detailsinfo h4 {
    font-size: 36px;
  }
  .section-ab1 .detailsinfo p {
    font-size: 24px;
  }
  .section-ab2 .textinfo2 .ctextinfo h4,
  .section-ab3 .subtitle,
  .clsourteam .clsourtemrow3 .subtitle {
    font-size: 40px;
    line-height: 54px;
  }
  .section-ab2 .textinfo2 .ctextinfo p {
    font-size: 18px;
    line-height: 28px;
  }
  .section-ab3 {
    padding: 70px 0px;
  }
  .section-ab3 .subtitle {
    margin-bottom: 40px;
  }
  .clsourteam .ctitle {
    padding: 65px 0;
  }
  .clsourteam .clsceotexts {
    padding-left: 70px;
    padding-top: 20px;
  }
  .clsourteam .clsceotexts .texts1 {
    margin: 50px 0;
  }
  .clsourteam .clsteamcol .ctextinfo p,
  .clsourteam .clsteamcol .ctextinfo span {
    font-size: 18px;
  }
  .clsourteam .clsbigimg .imgbox {
    margin: 70px 0 0;
  }
  .clsourteam .clsourtemrow3 .ctextinfo h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .clsourteam .clsourtemrow3 .ctextinfo p {
    font-size: 18px;
    line-height: 26px;
    padding-right: 20px;
  }
  .clsourteam .clsourtemrow3 .ctextinfo {
    margin-top: 50px;
  }
  .clscountlists li h4 {
    font-size: 44px;
  }
  .clscountlists li p {
    font-size: 18px;
  }

  /** Project Repository Page **/
  .clsprojectspart {
    padding: 60px 0;
  }
  .clsprojectspart .clssearchbar .clsformrow {
    margin-left: -20px;
    margin-right: -20px;
  }
  .clsprojectspart .clsprojlists .clsprojcol2 {
    margin-top: 60px;
  }
  .clsprojectspart .btnbox {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
  .logo img {
    width: 210px;
  }
  .clsscrollstop {
    overflow: hidden;
  }
  header.opennav .logo,
  .clsclosemenu {
    position: relative;
    z-index: 10;
  }
  #mobilemenu {
    width: 24px;
    height: 24px;
    margin-top: 14px;
    background-image: url(../images/menu-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: right;
  }
  #mobilemenu.clsclosemenu {
    background-image: url(../images/close-icon.svg);
  }
  .rheader {
    position: absolute;
    display: none;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100dvh;
    padding: 110px 30px 0;
    background-color: #1c1c1c;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  header .custnav .menus > li {
    width: 100%;
    padding: 0px;
  }
  header .custnav .menus > li > a {
    padding: 12px 0px;
    display: inline-block;
  }
  .maintopbanner .clstexts {
    margin-bottom: 30px;
  }
  .subtitle br {
    display: none;
  }
  .clsstepcol .imgbox {
    height: 310px;
  }
  .clsstepcol .clsstpicon {
    width: 90px;
    height: 90px;
    bottom: -45px;
  }
  .clsstepcol .clsstpicon span {
    background-size: 46px auto;
  }
  .clsstepcol .ctextinfo {
    padding: 50px 20px 0px;
  }
  .section-h3 .clsinnercol {
    gap: 0 40px;
  }
  .clscform {
    padding: 30px 30px 40px;
  }
  .clsprojcol .clsprojtexts {
    padding: 20px;
  }
  .clsprojcol .clsprojinner {
    height: 240px;
  }
  .clscomplogos ul li {
    margin-top: 35px;
  }
  .testimonialslider {
    width: 520px;
  }
  .clsfaqs .accordion-item {
    padding: 23px 15px;
  }
  footer .flogo img {
    width: 290px;
  }
  footer .fbox1 p {
    max-width: 300px;
  }
  footer .fbox1 {
    width: 347px;
  }

  header .sociallink {
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    text-align: center;
  }
  /** Contact Us Page **/
  .section-con1 .clscform {
    width: 100%;
  }

  /** Individual Project Page **/
  .clsprojcol2 .clsprojinner {
    height: 288px;
  }

  /** Blog Repository Page **/
  .clssearchbar .clssearchcol.clssearch {
    width: 76%;
  }
  .clssearchbar .clssearchcol {
    width: 24%;
  }

  /** Blog Individul Page **/
  .cbreadcrumb {
    padding: 30px 0px;
  }
  .cbreadcrumb li:last-child {
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .section-blind2 {
    padding-top: 0px;
  }
  .section-blind2 .textinfo2 {
    padding-top: 5px;
    padding-bottom: 0px;
  }

  /** Project Repository Page **/
  .clsprojectspart .clssearchbar .clssearchcol.clssearch {
    width: 52%;
  }
	.admintopbanner .clslefttexts{width:550px}
}
@media only screen and (max-width: 991px) {
	.cls_mob{display: block;margin: 20px auto; max-width: 1024px !important;}
  .container {
    max-width: 720px;
  }
  header {
    padding: 20px;
  }
  .mainslider .slideimg {
    height: 730px;
  }
  .mainslider .slideimg img {
    height: 100%;
    object-fit: cover;
  }
  .section-h3 .cheading {
    max-width: 100%;
  }
  .section-h3 .cheading .ctitle span {
    display: block;
  }
  .section-h3 .cheading p {
    margin: 0px 0px 30px;
  }
  .clscform {
    margin: 0 auto;
  }
  .clsprojcol .clsprojinner {
    height: auto;
  }
  .clstestimonials .clstextinner {
    padding: 80px 0px;
  }
  .clstestimonials .cheading {
    text-align: center;
    margin-bottom: 30px;
  }
  .clstestimonials .cheading .ctitle br {
    display: none;
  }
  .testimonialslider {
    margin: 0 auto;
  }
  .testimonialslider .clscltsay {
    margin-top: 25px;
  }
  .clsfaqs {
    padding-top: 70px;
  }
  .clsbacktotop {
    font-size: 0px;
    padding: 0;
    width: 30px;
    height: 30px;
    background-position: 50% 50%;
    background-size: contain;
  }
  footer .fbox1 {
    width: 100%;
  }
  footer .fbox1 p {
    max-width: 100%;
  }
  footer .fbox2 {
    float: left;
  }
  footer .footerboxs h4 {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  footer .copyright .float-start,
  footer .copyright .float-end {
    width: 100%;
    text-align: center;
  }
  footer .copyright .float-start a {
    float: none;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px;
  }
  
  /* Ad Page */
	.admintopbanner .clscform {display: none !important;}
	.admintopbanner .mainslider .slideimg {height: 850px;}
	.admintopbanner .clslefttexts {
        width: 100%;
    }
	.clscform {
    width: 100%;
  }
	.admintopbanner .clscform{
		display: block !important;
	}
	.cls_mob{display: none; !important}
	.admintopbanner .cheading, .admintopbanner .cls_get_mob{display:none;}
.admintopbanner .cls_cheading_mob{display: block;}

  /** Contact Us Page **/
  .section-con1 {
    padding-top: 55px;
  }
  .section-con1 .cheading {
    padding-bottom: 55px;
  }
  .section-con1 .cheading .ctitle span {
    display: block;
  }
  .section-con1 .condetails {
    padding: 50px 15px 0 !important;
  }

  /** Individual Project Page **/
  .section-inpr1 .imgpart {
    margin-top: 30px;
  }
  .section-inpr1 .textinfo {
    margin-top: 20px;
  }
  .clsprojcol2 .clsprojinner {
    height: 334px;
  }

  /** Blog Repository Page **/
  .clssearchbar .clssearchcol.clssearch {
    width: 72%;
  }
  .clssearchbar .clssearchcol {
    width: 28%;
  }

  /** Project Repository Page **/
  .clsprojectspart .clssearchbar .clssearchcol.clssearch {
    width: 44%;
  }
  /* About Us Page */
  .clscountlists {
    flex-wrap: wrap;
  }
  .clscountlists li {
    width: 50%;
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 767px) {
	.cls_ads_footer_text{
		max-width: 100% !important;
	}
	.csoulicon1, .csoulicon2, .csoulicon3, .csoulicon4{
		position:relative;top:50px;
	}
	.csoulbox{padding-bottom:30px;}
	.cls_thank{
		display: none;
	}
.cls_mob{display: none;margin: 20px auto;}
  .nav-tabs .nav-link.active {
    font-size: 16px !important;
  }
  .nav-tabs .nav-link {
    font-size: 16px !important;
  }
  .tabs {
    margin-top: 40px !important;
  }
  .tab-content{
  padding: 0px !important;
  }
  .tab-pane h4 {
    padding-top: 20px !important;
  }
  .tab-pane p {
    font-size: 16px !important;
  }
  .clssearchbar .clssearchcol .custfield {
	width: 100%;
  }
  .select-club-services > span{
	padding: 2px 0px !important;
  }
  .privact_policy {
    margin-top: 70px;
  }
  header {
    padding: 15px;
  }
  .container {
    width: auto;
  }
  .padd80 {
    padding: 30px 0;
  }
  .cbtn,
  .bbtn {
    font-size: 14px;
    padding: 0 50px;
  }
  .ctitle,
  .clscounter ul li .count {
    font-size: 32px;
    line-height: 44px;
  }
  .cheading p,
  .ctextinfo h4 {
    font-size: 16px;
  }
  .subtitle {
    font-size: 24px;
    line-height: 32px;
  }
  .subheading p {
    font-size: 16px;
    line-height: 24px;
  }
  .ctextinfo p {
    font-size: 14px;
    line-height: 22px;
  }
  .mainslider .slideimg {
    height: 100vh;
  }
  .maintopbanner .cheading p {
    padding-top: 0px;
  }
  .clscounter ul li p {
    font-size: 14px;
  }
  .section-h1 .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .section-h1 .clsstepcol {
    margin-top: 30px;
  }
  .clsstepcol .clsstepinner {
    width: 262px !important;
    margin: 0 auto;
  }
  .clsstepcol .imgbox {
    height: 280px;
  }
  .clsstepcol .ctexts span {
    font-size: 16px;
  }
  .clsstepcol .ctexts h4 {
    font-size: 32px;
    line-height: 40px;
  }
  .clsstepcol .ctexts h5 {
    font-size: 28px;
  }
  .section-h2 {
    padding: 0px 0px 50px;
  }
  .section-h2 .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .clssolcol {
    margin-top: 60px;
    padding: 0 5px;
  }
  .clssolcol .clssolinner {
    padding: 0px 20px 20px;
  }
  .clscform h3 {
    font-size: 30px;
  }
  .section-h4 {
    padding-top: 40px;
  }
  .section-h4 .subheading {
    margin-bottom: 0;
  }
  .clsprojcol .clsprojinner {
    height: 346px;
  }
  .clscomplogos ul {
    gap: 0 55px;
  }
  .clscomplogos ul li .clsclogo img {
    max-width: 76%;
  }
  .clstestimonials .clstextinner {
    padding: 50px 0;
  }
  .testimonialslider {
    width: 100%;
    padding-bottom: 60px;
  }
  .testimonialslider .clscltinfo h4 {
    font-size: 16px;
  }
  .testimonialslider .clscltinfo span {
    font-size: 14px;
  }
  .testimonialslider .clscltsay p {
    font-size: 16px;
    line-height: 26px;
  }
  .testimonialslider .slick-arrow {
    width: 46px;
    height: 34px;
  }
  .testimonialslider .slick-next {
    left: 62px;
  }
  .clsfaqs {
    padding: 40px 0;
  }
  .clsfaqs .accordion-button {
    font-size: 16px;
  }
  .clsfaqs .accordion-button::after {
    font-size: 22px;
  }
  footer {
    padding: 30px 20px;
  }
  footer .footerboxs h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  footer .footerboxs li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
  footer .footerboxs li a,
  footer .fbox3 p,
  footer .copyright .float-start a,
  footer .copyright .float-end p {
    font-size: 14px;
  }
  footer .fbox3 p {
    padding-bottom: 10px;
  }
  footer .fbox2 {
    padding-bottom: 10px;
  }
  footer .fbox2,
  footer .fbox3 {
    width: 100%;
  }
  .sociallink a {
    width: 28px;
    height: 28px;
    background-size: contain;
  }
  footer .footerboxs .clsfollow {
    text-align: center;
  }

/* Ad Page */
	.admintopbanner .mainslider .slideimg {height: 800px;}
	.clsmobbtn {width: 100%; position: fixed; left: 0; bottom: 0px; padding: 20px; z-index: 51;}
.clsmobbtn .cbtn {width: 100%; text-align: center; padding-right: 50px; font-size: 20px; font-weight: 300;}
.clsmobbtn .cbtn .conicon {width: 54px; height: 54px; background-color: #F37021; background-image: url(../images/jobs-icon.svg); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 50%; right: 12px; border: 1px solid #ffffff; border-radius: 100%; transform: translateY(-50%);}
  /** Contact Us Page **/
  .section-con1 {
    padding: 30px 0px 0px;
  }
  .section-con1 .cheading p {
    font-size: 16px;
    margin-top: 10px;
  }
  .section-con1 .cheading {
    padding-bottom: 30px;
  }
  .section-con1 .condetails .coninfo {
    border-width: 4px;
    padding-left: 15px;
  }
  .section-con1 .condetails .coninfo h4 {
    font-size: 20px;
  }
  .section-con1 .condetails .coninfo p {
    font-size: 14px;
    line-height: 24px;
  }
  .section-con1 .condetails .coninfo a {
    font-size: 14px;
    margin-top: 5px;
  }

  /** Individual Project Page **/
  .guinnessworld {
    display: none;
  }
  .individualbanner .slick-dots {
    bottom: 110px;
  }
  .individualbanner .amzonboxinfo {
    padding: 20px 20px 25px;
    margin-top: -85px;
  }
  .individualbanner .amzonboxinfo .amzonbox p {
    font-size: 18px;
    margin-top: 15px;
  }
  .individualbanner .amzonboxinfo .amzonbox p span {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .clsrow50 {
    margin: 0px -15px;
  }
  .section-inpr1 .imgpart .inprimglast {
    padding-bottom: 40px;
  }
  .clsprojlists .clsprojcol2 {
    padding: 0px 15px;
    margin-top: 20px;
  }
  .clsprojcol2 .clsprojinner {
    height: auto;
  }
  .clsprojcol2 .clsprojinner img {
    width: 100%;
  }
  .section-inpr1 {
    padding: 30px 0px 20px;
  }
  .section-inpr2 .subtitle {
    font-size: 30px;
  }
  .section-inpr2 {
    padding-bottom: 40px;
  }
  .section-inpr3 {
    padding: 50px 0;
  }
  .section-inpr3 .cheading p {
    font-size: 18px;
    margin-top: 6px;
    margin-bottom: 40px;
  }

  .section-inpr2 .clsprojlists,
  .section-blind3 .clsbloglists {
    display: none;
  }
  .clsprojlistsmobile {
    display: block;
  }
  .clsprojmobileslider {
    padding-bottom: 40px;
    margin-top: 20px;
  }
  .clsprojmobileslider .slick-arrow {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 4;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0px;
    transform: translateX(-50%);
  }
  .clsprojmobileslider .slick-prev {
    background-image: url(../images/prev-arrow-b.svg);
    margin-left: -30px;
  }
  .clsprojmobileslider .slick-next {
    background-image: url(../images/next-arrow-b.svg);
    margin-right: -30px;
  }

  /** Blog Repository Page **/
  .vbtn {
    font-size: 14px;
    line-height: 44px;
  }
  .cblogbanner .clsbannertexts .ctextinfo h4 {
    font-size: 24px;
  }
  .cblogbanner .clsbannertexts .ctextinfo p {
    font-size: 14px;
    line-height: 22px;
  }
  .cblogbanner .clsbannertexts .cbtns {
    text-align: center;
  }
  .clssearchbar .clssearchcol {
    width: 32%;
  }
  .clssearchbar .clssearchcol.clssearch {
    width: 68%;
  }
  .section-blrep2 {
    padding: 30px 0px 75px;
  }
  .cblogrepbox {
    margin-top: 30px;
    padding: 0 15px;
  }
  .section-blrep2 {
    padding-bottom: 50px;
  }
  .btnbox {
    margin-top: 30px;
  }

  /** Blog Individul Page **/
  .cbreadcrumb {
    padding: 20px 0px;
  }
  .cbreadcrumb li,
  .section-blind2 .textinfo1 .dimeninfo .info p {
    font-size: 16px;
  }
  .section-blind2 .textinfo1 .dimeninfo .icons {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .section-blind2 .ctextinfo h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .section-blind2 .ctextinfo p {
    padding-top: 15px;
  }
  .section-blind2 .textinfo4 .ctextinfo {
    padding-bottom: 0px;
  }
  .section-blind3 {
    padding-top: 40px;
  }
  .section-blind2 .clssharelinks {
    display: none;
  }
  .section-blind2 .ctextinfo p {
    font-size: 16px;
    line-height: 24px;
  }
  .section-blind2 .ctextinfo h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .section-blind2 .mobsharelinks .clssharelinks {
    display: block;
    margin-bottom: 30px;
  }
  .section-blind2 .mobsharelinks .clssharelinks h4 {
    text-align: center;
  }

  /** About Us Page **/
  .cpoints li {
    font-size: 14px;
  }
  .section-ab1 {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .section-ab1 .textinfo1 .morphoimg {
    margin: 20px 0px 25px;
  }
  .section-ab1 .textinfo1 .morphoimg img {
    width: 256px;
  }
  .section-ab1 .textinfo1 .ctextinfo p {
    font-size: 16px;
  }
  .section-ab1 .detailsinfo {
    margin-top: 40px;
  }
  .section-ab1 .detailsinfo h4 {
    font-size: 30px;
  }
  .section-ab1 .detailsinfo p {
    font-size: 20px;
  }
  .section-ab2 .textinfo2 .ctextinfo h4,
  .section-ab3 .subtitle,
  .clsourteam .clsourtemrow3 .subtitle {
    font-size: 34px;
    line-height: 44px;
  }
  .section-ab2 .textinfo2 .ctextinfo {
    padding: 30px;
  }
  .section-ab3 {
    padding: 30px 0px;
  }
  .section-ab3 .revoluinner .ctextinfo p {
    font-size: 14px;
  }
  .clsourteam {
    padding-bottom: 30px;
  }
  .clsourteam .ctitle {
    padding: 25px 0;
  }
  .clsourteam .clsceotexts {
    padding-left: 15px;
  }
  .clsourteam .clsceotexts .texts1 {
    margin: 30px 0;
  }
  .clsourteam .clsceotexts.ctextinfo p {
    font-size: 14px;
    line-height: 20px;
  }
  .clsourteam .clsteamcol {
    margin-top: 40px;
  }
  .clsourteam .clsteamcol .ctextinfo {
    margin-top: 20px;
  }
  .clsourteam .clsteamcol .ctextinfo p,
  .clsourteam .clsteamcol .ctextinfo span {
    font-size: 14px;
  }
  .clsourteam .clsbigimg .imgbox {
    margin: 40px 0 0;
  }
  .clsourteam .clsourtemrow3 .ctextinfo {
    margin-top: 20px;
  }
  .clsourteam .clsourtemrow3 .ctextinfo h4 {
    font-size: 20px;
  }
  .clsourteam .clsourtemrow3 .ctextinfo p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0;
  }
  .clscountlists {
    padding: 40px 0px 0px;
  }
  .clscountlists li {
    margin: 15px 0px;
  }
  .clscountlists li .clsawdicon {
    height: 74px;
    background-size: contain;
  }
  .clscountlists li h4 {
    font-size: 32px;
  }
  .clscountlists li p {
    font-size: 16px;
  }

  /** Project Repository Page **/
  .clsprojectspart {
    padding: 30px 0;
  }
  .clsprojectspart .clssearchbar .clssearchcol {
    width: 50%;
  }
  .clsprojectspart .clssearchbar .clssearchcol.clssearch {
    width: 100%;
    margin-bottom: 20px;
  }
  .clsprojectspart .clssearchbar .clsformrow {
    margin-left: -10px;
    margin-right: -10px;
  }
  .clsprojectspart .clsprojlists .clsprojcol2 {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .clsprojectspart .btnbox {
    margin-top: 30px;
  }

  /** Error 404 Page **/
  .errorsec {
    padding: 0px;
  }
  .errorsec .errorlogo {
    display: none;
  }
  .errorsec .errortextinfo {
    top: 40%;
  }
  .errorimg img {
    width: 190px;
  }
  .errorsec .errortextinfo p {
    font-size: 24px;
    line-height: 30px;
  }
  .errorsec .errorfooter p {
    font-size: 18px;
  }
  .errorsec .errorfooter ul li {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 575px) {
  /*.mainslider .slideimg {height: 570px;}*/
  .maintopbanner .cbtns a {
    margin: 0 10px;
  }
  .clsstepcol .ctextinfo {
    padding: 45px 0px 0px;
  }
  .clssolcol .clssolicon {
    margin-bottom: 10px;
  }
  .section-h2 .ctextinfo p {
    padding-top: 10px;
  }
  .section-h3 .cheading p {
    font-size: 14px;
  }
  .clscomplogos ul {
    gap: 0 25px;
  }
  .clscomplogos ul li {
    width: 28%;
    text-align: center;
  }
  .clscomplogos ul li .clsclogo img {
    max-width: 92%;
  }
  .clsbacktotop {
    right: 20px;
  }

  /** Individual Project Page **/
  .individualbanner .amzonboxinfo .amzonbox {
    padding: 0 5px;
  }
  .individualbanner .amzonboxinfo .amzonbox p {
    font-size: 14px;
  }
  .individualbanner .amzonboxinfo .amzonbox p span {
    font-size: 13px;
  }
  .section-inpr1 .imgpart {
    margin-top: 20px;
  }
  .section-inpr1 .textinfo .ctextinfo p {
    font-size: 16px;
    line-height: 25px;
    padding-top: 15px;
  }

  /** Blog Repository Page **/
  .cblogbanner .clsbannertexts {
    bottom: 40px !important;
  }
  .clssearchbar .clssearchcol {
    width: 38%;
  }
  .clssearchbar .clssearchcol.clssearch {
    width: 59%;
  }

  /** Blog Individul Page **/
  .cbreadcrumb li:last-child {
    width: 210px;
  }

  /** About Us Page **/
  .section-ab2 .textinfo2 .ctextinfo h4,
  .section-ab3 .subtitle,
  .clsourteam .clsourtemrow3 .subtitle {
    font-size: 26px;
    line-height: 34px;
  }
  .section-ab2 .textinfo2 .ctextinfo {
    padding: 20px;
  }
  .section-ab2 .textinfo2 .ctextinfo h4 br {
    display: none;
  }
  .section-ab2 .textinfo2 .ctextinfo p {
    font-size: 16px;
    line-height: 24px;
    padding-top: 15px;
  }
  .section-ab3 .subtitle {
    margin-bottom: 0;
  }
  .clsourteam .clsceotexts .texts1 {
    margin: 20px 0;
  }
  .clsourteam .imgbox {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  .clsourteam .clsteamcol {
    margin-top: 30px;
  }
  .clsourteam .clsteamcol:nth-child(odd) {
    padding-right: 5px;
  }
  .clsourteam .clsteamcol:nth-child(even) {
    padding-left: 5px;
  }
  .clsourteam .clsourtemrow3 .subtitle {
    margin-top: 40px;
  }
	.section-csoul .csoulinner, .section-csoul .csoulinner2 {padding: 30px 10px 0px}
.section-csoul .csoulinner .ctextinfo h2 {font-size: 90px; line-height: 80px;}
.section-csoul .csoulinner .ctextinfo h4 {font-size: 26px; padding: 10px 0px 0px;}
.section-csoul .csoulinner .ctextinfo p {min-height: 90px;}
 
}
@media only screen and (max-width: 479px) {
	.tabs ul{
        justify-content: center !important;
        }
        .tabs ul li{
        flex-grow: inherit !important;
        padding: 0px 10px !important;
        }
        .nav-tabs .nav-link.active, .nav-tabs .nav-link{
        line-height: 16px !important;
        }
  .cbtn,
  .bbtn {
    padding: 0 25px;
  }
  .maintopbanner .clsbannertexts {
    bottom: 60px;
  }
  .clscform .clsfieldrow {
    padding: 0 6px;
  }
  footer .flogo img {
    width: 250px;
  }

  /** Blog Repository Page **/
  .clssearchbar .clssearchcol {
    width: 100% !important;
  }
  .clssearchbar .clssearchcol.clssearch {
    margin-bottom: 10px;
  }

  /** Project Repository Page **/
  .clsprojectspart .clssearchbar .clssearchcol {
    margin-bottom: 10px !important;
  }
  .clsprojectspart .clssearchbar .clssearchcol:last-child {
    margin-bottom: 0px !important;
  }

  /** Error 404 Page **/
  .errorsec .errortextinfo p {
    font-size: 20px;
    padding-top: 25px;
  }
  .errorsec .errortextinfo p br {
    display: none;
  }
  .errorsec .errorfooter p {
    font-size: 16px;
  }
  .errorsec .errorfooter ul li {
    display: block;
    padding: 5px;
  }
}
@media only screen and (max-width: 450px) {
	.logo img {
        width: 170px;
    }
	a.cbtn.cbtn_ad {
    padding: 0px 10px !important;
	font-size: 12px;
    line-height: 44px;
	height: 44px;
	}
}
@media only screen and (max-width: 420px) {
	.section-csoul .csoulbox{
		width: 100%;
	}
	    .logo img {
        width: 170px;
    }
	a.cbtn.cbtn_ad {
    padding: 0px 10px !important;
	font-size: 12px;
    line-height: 44px;
	height: 44px;
	}
	.cls_cheading_mob .ctitle{font-size: 25px;}
}
@media only screen and (max-width: 320px) {
	.section-csoul .csoulbox{
		width: 100%;
	}
	    .logo img {
        width: 140px;
    }
	a.cbtn.cbtn_ad {
    padding: 0px 5px !important;
	font-size: 10px;
    line-height: 34px;
	height: 34px;
	}
	.cbtn_ad img {
    margin-right: 2px;
    margin-bottom: 1px;
    width: 15px;
}
}