@media only screen and (min-width: 320px) and (max-width: 767px) {
  section.paymentform {
  padding: 10px 0px 5px 0px;
}

section.paymentform input, section.paymentform textarea, section.paymentform select {
  padding: 13px 20px; 
  font-size: 15px;
  margin-bottom: 11px;
  letter-spacing: 0px;
  border-radius: 4px;
  padding-left: 15px;
}

section.paymentform .form-group.col-sm-12 label {
  font-size: 15px;
}

section.paymentform .form-group.col-sm-12 .custom-checkbox input {
  height: 20px;
  margin-right: 9px !important;
  width: 20px;
}

button#form-submit {
  padding: 1px 0px;
  font-size: 16px;
  width: 100%;
  margin: 0px;
}

section.paymentform select {height: 53px !important;}

section.paymentform  .form-group.col-sm-12 {
  padding: 0px;
}

section.section1 .owl-nav button {BACKGROUND: NONE !IMPORTANT;}

section.section1 .owl-nav button i {color: #ffffff;}
  
header img {
  width: 150px !important;
}
  a.links.mostlinks {
  font-size: 15px;
  padding: 13px 40px;
}
  section.section1 .owl-nav button i::before {
  font-size: 20px;
  background: #000000;
  padding: 5px 5px;
  border-radius: 100px;
  width: 30px !important;
  display: table;
}

section.section1 .owl-nav button.owl-prev i::before {position: absolute;left: -15px;}

section.section1 .owl-nav button.owl-next i::before {
  position: absolute;
  right: -15px;
}

section.section1 p br {
  display: none;
}
  table.chart tbody tr:nth-child(2) td p:before {
  display: none;
}

table.chart tbody tr td:before {
  display: none;
}

  section.res__gallery ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px !important;
}

section.res__gallery ul li {
  width: 100% !important;
  margin: 5px 0px !important;
  padding: 10px 0px !important;
}

section.res__gallery ul li {
  font-size: 17px;
  border: 3px solid #000000;
}

section.portfoliocontent h5 br {
  display: none;
}

section.portfoliocontent h3 br {
  display: none;
}

section.res__gallery {
  margin-top: 10px !important;
}

.product {
  flex-direction: column !important;
}

.product .itembox {
  width: 100% !important;
  margin: 10px 0px !important;
}

.product .itembox img {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

.product .itembox:nth-child(even) img {
  margin: 0px !important;
}

.product .itembox img {
  height: 400px;
}

  section.section1 .banner-carousel #bannerslide2 div:first-child {
  width: 80%;
  height: 140px;
  margin: 0 auto;
  margin-bottom: 10px;
}

section.section1 .banner-carousel #bannerslide2 div:first-child img {
  height: 100% !important;
  width: 100% !important;
  object-fit: contain;
  object-position: top;
}


@keyframes moveUp {
  from {
      transform: translateY(370) !important;
      transform: translateY(0px);
  }
  to {
      transform: translateY(0px); /* Adjust the value as needed */
  }
}


section.section1 .banner-carousel #bannerslide2 .col-lg-5:nth-child(2) {
  margin-bottom: 320px;
}
  section.section1 .banner-carousel #bannerslide2 .col-lg-5 img {
  position: absolute;
  left: -4px !important;
  top: -120px !important;
  bottom: 0px !important;
  right: 0px;
  z-index: -1 !important;
  width: 100px !important;
  border-radius: 30px !important;
}


  section.section3  .col-lg-3 {
  margin-bottom: 25px !important;
}

section.specialization h2 br {display: none;}

section.showcased .row .showcasedcarousel {
  height: 100px;
  margin-top: 20px;
}


  table.seovssemtable {
  margin-top: 60px !important;
  width: 100% !important;
}

table.chart tr th {
  font-size: 28px;
  padding: 10px !important;
}

table.seovssemtable td p {
  margin-top: 15px;
  font-size: 17px !important;
  font-family: 'GothicNormalStyle';
  font-weight: 900 !important;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

table.chart tbody tr td {
  font-size: 17px;
  padding: 6px 10px !important;
}

table.chart tbody tr:last-child td {
  padding-bottom: 25px !important;
}

table.seovssemtable1 td p {
  padding-top: 22px !important;
  text-align: left;
  font-family: 'GothicNormalStyle';
}

table.seovssemtable2 td p {
  padding-top: 22px !important;
  font-family: 'GothicNormalStyle';
  text-align: left;
}
  section.section9 .maincol .colone img {
  width: 81px;
  height: 80px;
  display: flex;
  margin-left: 0px !important;
}
  section.blogsection h2 {font-size: 28px;margin-bottom: 20px !important;margin-top: -10px !important;}

section.blogsection {
  padding: 0px 0px 0px 0px !important;
  margin-top: -20px;
  margin-bottom: -20px;
}

section.blogsection img {
  height: 230px !important;
  object-fit: fill;
  width: 100%;
  object-position: top center;
}

section.blogsection .col-lg-4 h4 {margin-bottom: 8px !important;margin-top: 0px !important;font-size: 16px !important;}

section.blogsection .col-lg-4 h2 {
  font-size: 18px !important;
  line-height: 1.1;
  margin-top: 5px !important;
}

section.blogsection .col-lg-4 .blogcontentinner {
  padding: 20px 15px 20px 12px !important;
}

section.blogsection .col-lg-4 a {
  width: 100% !important;
  padding: 10px 0px !important;
  font-size: 14px !important;
  margin-top: 12px !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 .vc_column-inner {
  height: 400px !important;
  display: flex;
  align-items: center;
}

section.blogsection .row .col-lg-4 .vc_column-inner {
  height: 100% !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 {
  margin-bottom: 20px !important;
}

section.blogsection .row:nth-child(3) .col-lg-4 {
  margin-bottom: 20px !important;
}
  .innercontentservices ul li {
  font-size: 21px;
  margin: 2px 0px;
}

.innercontentservices ul {
  margin-top: 11px;
  margin-bottom: 0px;
}
  section.section7 .bloginner img {
  width: 100% !important;
}

.section7 .owl-carousel .owl-item img {
  margin-bottom: 0px !important;
  width: 100% !important;
  object-fit: cover;
  margin-bottom: 25px !important;
}

section.section7 .bloginner h3 {
  font-size: 18px !important;
  margin-bottom: 10px;
}

      section.blog-inner h1 {
  width: 100%;
  margin-bottom: 30px;
  font-size: 23px;
  padding: 10px 20px;
}

section.blog-inner p {
  font-family: 'GothicNormalStyle';
  font-size: 16px;
  line-height: 1.4;
  margin-top: 10px;
  color: #000000;
  text-align: center;
}

section.blog-inner h2 {
  font-size: 25px !important;
  margin: 25px 0px 20px 0px;
  text-align: center;
}

section.blog-inner {
  padding: 50px 0px 0px 0px;
}

section.blog-inner h3 {
  font-size: 25px;
  margin: 25px 0px 20px 0px;
  text-align: center;
}

section.blog-inner ul li {
  font-family: 'GothicNormalStyle';
  font-size: 16px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
  text-align: center;
}

section.blog-inner ul.list li:before {height: 8px;width: 8px;left: -20px;}

section.blog-inner ul.list {
  padding-left: 20px;
  margin-top: 20px;
  padding-right: 20px;
  margin-bottom: 10px !important;
}

.faqcontainer h3, .faqcontainer h2 {
  margin: 0px 0px !important;
}

h2.faqhead {margin-bottom: 0px !important;}

.faq-sec h3 {margin: 15px 0px !important;}

.blog-inner .accordion-item .accordion-item-desc {
  font-family: 'GothicNormalStyle';
  font-size: 16px;
  line-height: 1.3;
  margin-top: 10px;
  color: #ffffff;
  padding: 25px 20px !important;
}

.blog-inner .accordion-item .accordion-item-title {
  font-family: 'GothicNormalStyle';
  font-size: 16px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
  padding: 10px 15px;
}

.blog-inner .accordion-item {margin-top: 5px;}

section.blog-inner-banner img {
  width: 100% !important;
  height: 230px !important;
  object-fit: fill;
  object-position: center;
}

section.blog-inner-banner {
  height: 80px;
}


section.blog-inner img {
  width: 100% !important;
  margin-top: 25px !important;
  margin-bottom: 20px !important;
}

section.blog-inner p span a {
  display: block;
  margin-bottom: 10px;
}

.blog-inner .accordion {
  margin-top: 20px;
  padding: 0px 0px;
  margin-bottom: 35px !important;
}

section.blog-inner p:last-child {
  margin-bottom: 0px;
}

.innercategories p br {
  display: none;
}

.innercategories .col-lg-6:first-child {
  height: 450px;
}

.innercontentservices p br {
  display: none;
}

  .services .row.row4 .col-lg-6:last-child {
  margin-top: 40px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.services .row.row3 .col-lg-6:last-child {
  margin-top: 40px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.services .row {
  padding: 40px 0px 40px 0px !important;
}

.services .row.row4 {
  padding-bottom: 0px !important;
}
  .portfolio-sec .nav li {
  width: 100% !important;
  margin: 0px;
}

.portfolio-sec .nav-item a {
  WIDTH: 100%;
}

.portfolio-sec .nav-item a {
  margin-left: 0px;
  margin-right: 0px;
}

.tab-content .col-lg-6:last-child {
  justify-content: center;
}

.tab-content .col-lg-6:first-child a {
  justify-content: center;
}

.tab-content .col-lg-6:first-child {
  justify-content: center;
}

.tab-content .col-lg-6 {
  margin-bottom: 20px;
}

.tab-content .row {
  margin-bottom: 0px;
}

  .aboutsection1 .row.row1 .col-lg-6 {
  margin: 20px 0px !important;
}

.aboutsection1 .row.row1 {flex-direction: column-reverse;}

.aboutsection1 .row2 {
  margin-top: 10px;
}

.aboutsection1 .row2 .col-lg-6:last-child {
  margin-top: 25px;
}

.aboutsection1 .row.row3 {
  display: flex;
  flex-direction: column-reverse;
}

.aboutsection1 .row.row3 .col-lg-6:first-child {
  margin-top: 30px;
}

.aboutsection1 .row.row4 {
  flex-direction: column-reverse;
}

.aboutsection1 .row.row4 .col-lg-6:first-child {
  margin-top: 30px;
}
  .showcased .owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}
   .innercategories .col-lg-6:first-child {
  padding-top: 30px !important;
}
  .portfolio-sec .nav-item:first-child {
  padding-left: 0px;
  margin-left: 0px;
}

.portfolio-sec .nav-item:last-child {
  margin-right: 0px;
}
  section.showcased {padding-bottom: 20px;margin-top: 40px;}

     .innercategories h2 {
  font-size: 30px !important;
  text-align: center;
}

.innercategories p {
  font-size: 19px;
  margin-top: 15px;
  width: 100% !important;
  text-align: center;
  line-height: 1.3;
}

.innercategories a.links {
  font-size: 21px;
  margin: 30px auto 0px auto;
}

.innercategories h3 {
  font-size: 28px;
  width: 100%;
  text-align: center;
}

.innercategories input {
  height: 50px;
  font-size: 18px;
  padding: 18px;
  margin-bottom: 12px;
}

.innercategories button {
  height: 50px;
  font-size: 18px;
  padding: 18px;
  margin-bottom: 12px;
}

  
.innercategories textarea {
  font-size: 18px;
  padding: 10px 18px;
}

.innercategories button {
  padding-top: 11px;
}

.innercategories {
  padding: 20px 0px 0px 0px;
}

.innercategories .col-lg-6 {
  height: 540px;
}

.innercontentservices h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

.innercontentservices p {
  font-size: 21px;
  margin-bottom: 0px;
}

.innercontentservicesimg img {
  height: 200px;
  width: 100% !important;
  margin-top: 40px;
}
  .contentpage a {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
  section.services .mainhead h1.head {
  font-size: 25px !important;
}

section.services .mainhead a.links {
  border: none;
  margin-left: 0px !important;
}

section.services p.pera {
  font-size: 24px !important;
  width: 100% !important;
  text-align: center;
}

section.services .mainhead {
  width: 100% !important;
  justify-content: space-between;
  padding: 0px 10px !important;
  height: 65px;
}

section.services .row .col-lg-6 {padding: 0px 10px !important;}

section.services .row .col-lg-6:last-child {margin-top: 40px;padding-left: 20px !important;padding-right: 20px !important;}

  .portfoliobanner h2 {
  font-size: 32px !important;
  margin-bottom: 20px;
}

.portfoliobanner p {
  font-size: 19px;
}

.portfoliobanner {
  padding: 30px 0px !important;
}

section.portfoliocontent h3 {
  font-size: 28px !important;
  line-height: 1.1;
}

section.portfoliocontent {
  padding: 30px 0px 10px 0px !important;
}

section.portfoliocontent h5 {
  margin-bottom: 0px;
  font-size: 22px;
}

.portfolio-sec .nav-item a {
      border-radius: 0px !important;
      width: 100%;
      font-size: 21px;
      padding: 10px 0px;
      margin-bottom: 10px;
}

.portfolio-sec .nav-item {
  margin: 0px 5px;
}

.portfolio-sec .nav {
  margin-bottom: 30px !important;
  display: flex;
  flex-direction: column;
}

.portfolio-sec .tab-content .col-lg-6 a img {
  width: 300px !important;
  height: 400px !important;
  object-fit: cover;
  object-position: top;
  margin: 0 auto;
}
  .aboutsection1 .row h2 {
  font-size: 28px !important;
  text-align: center;
}

.aboutsection1 .row h3 {
  font-size: 20px !important;
  text-align: center;
}

.aboutsection1 .row p {
  font-size: 18px;
  margin-top: 0px;
  width: 100%;
  text-align: center;
  width: 100%;
}

.aboutsection1 .row a.links {
  width: 75% !important;
  font-size: 16px;
  margin: 10px auto 0px auto;
}

section.aboutsection2 h2 {
  font-size: 28px !important;
  margin-bottom: 0px;
}

section.aboutsection2 p {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.2;
}

section.aboutsection2 a.links {
  width: 55%;
  font-size: 20px;
  margin-top: 30px;
}

  section.showcased h2 {
  font-size: 28px;
  width: 80% !important;
  margin-bottom: 0px;
  line-height: 1.3;
  width: 100% !important;
}

section.showcased h3 {
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

section.showcased .row .awardinner {
  height: 100px !important;
}

section.section5 .trustinner h4 {
  font-size: 18px;
}

section.servicesinner .row:first-child h2 {
  font-size: 28px !important;
  padding-bottom: 0px;
  text-align: center;
}

section.servicesinner .row:first-child h2::before {
  height: 7px !important;
  border: none;
  bottom: -18px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 70%;
}

section.servicesinner .row:last-child h2 {
  font-size: 28px !important;
  margin-bottom: 5px;
  text-align: center;
}

section.servicesinner .row:last-child p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
}

section.servicesinner {
  padding: 30px 0px 70px 0px !important;
}

section.specialization {
  padding: 40px 0px 10px 0px !important;
}

section.specialization h2 {
  font-size: 20px !important;
  width: 100% !important;
  line-height: 1.2;
}

section.specialization p {
  margin-top: 10px !important;
  font-size: 19px;
}

section.specialization .links {
  width: 60% !important;
  text-align: center;
  font-size: 19px !important;
  margin-top: 10px;
}
  section.contactsec {background-position: center;position: relative;padding: 50px 0px 30px 0px !important;}

section.contactsec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000006b;
  left: 0px;
  top: 0px;
  z-index: 1;
}

section.contactsec * {
  z-index: 2;
  position: relative;
}

section.contactsec h1.contacthead {
  font-size: 35px;
}

section.contactsec p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0px;
}

section.contactsec .main {
  margin-top: 30px;
  flex-direction: column;
}

ul.main a.links {
  font-size: 17px;
}

section.contactmain {
  padding: 30px 0px;
}

section.contactmain h2 {
  font-size: 28px;
  margin-bottom: 0px;
  text-align: center;
}

section.contactmain p {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
}

section.contactmain .content h3 {
  font-size: 30px;
  text-align: center;
}

.main input {
  font-size: 16px;
  height: 50px;
  padding: 0px 20px;
}

.main textarea {
  height: 93%;
  padding: 15px;
  font-size: 17px;
}

.contactmain form button {
  font-size: 17px;
}

section.contactsec h1.contacthead:before {
  width: 80%;
  height: 43px;
}

section.contactsec .main li {
  margin: 0px 0px 15px 0px;
}

section.contactmain .content {
  padding: 35px 20px 30px;
}
  section.banner h1 {
  font-size: 28px;
  padding: 10px 0px;
  width: 90%;
}

section.contentpage h2 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 0px;
}

section.contentpage p {
  font-size: 16px;
  width: 100%;
  text-align: center;
}

section.banner {
  padding-bottom: 30px;
}

section.banner p {
  font-size: 16px;
  width: 100%;
  margin-top: 0px;
}

section.contentpage {
  margin-bottom: -20px;
}
  section.pagebanner {
  padding: 60px 0px 50px 0px;
}

section.pagebanner h1 {
  font-size: 30px;
  text-align: center;
}

  .section7 .owl-item {
  display: flex;
  justify-content: center;
}
  
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow-x: clip;
}

header .btn-outline-success {
  font-size: 20px;
}

.navbar-dark .navbar-toggler-icon {
  width: 30px;
}

button.navbar-toggler {
  margin: 0px 0px;
  padding: 0px 5px;
}

.navbar-nav .dropdown-menu h3 {
  font-size: 18px; 
}

.navbar-nav .dropdown-menu * {
  font-size: 16px;
}

div#offcanvasDarkNavbar a {
  font-size: 16px;
}

section.section1 .banner-carousel #bannerslide {height: 760px;display: flex;flex-direction: column;text-align: center;align-items: center;padding: 35px 0px;width: 100%;}


section.section1 .banner-carousel #bannerslide1 {height: 760px;display: flex;flex-direction: column;text-align: center;align-items: center;padding: 35px 0px;width: 100%;}

section.section1 .banner-carousel #bannerslide:before {
  width: 80%;
  height: 40%;
  background-size: contain;
  left: 0px;
  right: 0px;
  margin: auto;
}

section.section1 .banner-carousel #bannerslide2 {
  height: 760px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 35px 20px;
  position: relative;
}

section.section1 h1 {
  font-size: 23px;
  margin-bottom: 10px;
  color: #ffffff !important;
}

section.section1 .banner-carousel #bannerslide:before {
  width: 80%;
  height: 40%;
  background-size: contain;
  left: 0px;
  right: 0px;
  margin: auto;
}

section.section1 p {
  font-size: 16px;
  width: 80%;
  margin: 0 auto 20px auto;
}

section.section1 .owl-nav {
  bottom: 40%;
  top: 0%;
}

.offcanvas-body {margin-top: 0px;}

section.section1 a.links {
  font-size: 16px;
  padding: 12px 21px;
  display: table;
  width: 80%;
  margin: 0 auto;
  margin-top: 15px;
}

section.section1 .banner-carousel #bannerslide1:before {
  width: 100%;
  height: 30%;
  background-size: contain;
  left: 0px;
  margin: auto;
  right: 0px;
  bottom: 0px;
}

section.showcased .row .awardinner img {
  width: 90%;
}

section.showcased button.owl-prev {
  left: 8px;
}

section.showcased button.owl-next {
  right: 8px;
}


section.showcased button i {
  color: #ce0c0c;
  font-size: 30px;
  padding: 15px 19px;
  font-size: 24px;
}

section.showcased .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.section2 .h1main h1 {
  font-size: 25px;
  width: 70%;
  padding: 5px 0px;
}

section.sectionslides .row .awardinner img {
  width: 90%;
}

section.sectionslides button.owl-prev {
  left: 8px;
}

section.sectionslides button.owl-next {
  right: 8px;
}


section.sectionslides button i {
  color: #ce0c0c;
  font-size: 30px;
  padding: 15px 19px;
  font-size: 24px;
}

section.sectionslides .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.section3 {
  padding: 40px 10px 0px 10px;
}

section.section3 .content h2 {
  font-size: 25px;
  margin-bottom: 15px;
}

section.section3 .content {
  padding: 40px 0px;
}

section.section3 .content p {
  font-size: 18px;
  height: auto;
  width: 60% !important;
}

section.section3 .content a.links i {
  font-size: 40px;
}

section.section3 .content a.links {
  margin-top: 25px;
}

section.section4 h2 {
  font-size: 28px;
  margin-bottom: 10px;
}

section.section4 img.clientdone {
  object-fit: cover;
  object-position: top;
}

section.section5 {
  padding: 40px 10px 20px 10px !important;
}

section.section5 .hangouts i {
  font-size: 30px;
  padding: 20px 24px;
}

section.section5 h2 {
  font-size: 25px;
  margin-top: 15px;
  text-align: center;
}

section.section5 h3 {
  margin-top: 10px;
  font-size: 21px;
  text-align: center;
}

section.section5 p {
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
}

section.section5 a.links {font-size: 16px;padding: 14px 40px;margin-bottom: 20px;width: 100%;text-align: center;}

section.section5 .trustinner {
  height: 260px;
}

section.section5 .trustinner h5 {
  font-size: 18px;
}

section.section5 .trustinner p {
  font-size: 16px;
  width: 90%;
}

section.section6 h2 {
  font-size: 28px;
  text-align: center;
}

section.section6 .col-lg-10 p {
  width: 95%;
  font-size: 16px;
  text-align: center;
  margin: 0 auto 15px auto;
}

section.section6 .row:nth-child(1) h3 {
  font-size: 28px;
}

section.section6 .row:nth-child(1) .col-lg-2 p {
  font-size: 16px;
}

section.section6 h3 {
  font-size: 28px;
  text-align: center;
}

section.section6 .row:nth-child(2) p {
  font-size: 16px;
  width: 90%;
  text-align: center;
  margin: 20px auto 30px auto;
}

section.section7 h2 {
  font-size: 28px;
}

section.section7 .bloginner {
  height: 530px;
  padding: 0px 0px 25px 0px;
  display: flex;
  justify-content: start;
}

section.section7 .bloginner p.pera {
  font-size: 13px !important;
  width: 90% !important;
  margin-bottom: 0px;
}

section.section7 .bloginner a.links {
  font-size: 15px;
  padding: 10px 30px;
}

section.section8 ul li a {
  font-size: 16px;
}

section.section8 h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 19px;
}

section.section8 h4 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 30px;
}

section.section8 h2 {
  font-size: 28px;
  margin-bottom: 0px;
}

section.section9 {
  padding-top: 60px;
}

section.section9 .maincol .coltwo h3 {
  font-size: 25px;
  margin-bottom: 0px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

section.section9 .maincol .coltwo p {
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 20px;
}

section.section9 .maincol .coltwo a {
  font-size: 16px;
  width: 100%;
  display: block;
}

section.section9 .maincol .colone {
  margin-right: 20px;
}

section.section9 .container {padding-bottom: 20px;}

footer.mainfooter h3 {
  font-size: 25px;
  text-align: center;
  margin-bottom: 35px;
}

footer.mainfooter h3:before {
  height: 5px;
  bottom: -3px;
}

footer.mainfooter p {
  font-size: 13px;
  margin-bottom: 0px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

footer.mainfooter .col-lg-4 .mainparent ul li a {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: start;
}

footer.mainfooter .col-lg-4 .mainparent ul li {
  margin: 0px 20px 15px 0px;
}

footer.mainfooter .col-lg-4:last-child form input[type="email"] {
  font-size: 16px;
}

footer.mainfooter .col-lg-4:last-child form input[type="submit"] {
  font-size: 16px;
}

.copyright {
  padding: 11px 0px;
}

.copyright p {
  font-size: 14px;
}

.copyright p span.colorname {
  height: 100%;
  padding: 4px 9px;
  width: 100%;
}

section.sectionslides .row .awardinner {
  height: 160px;
  width: 170px;
}

footer.mainfooter .col-lg-4 .mainparent ul li i {
  font-size: 20px !important;
  margin: 0px !important;
  margin-right: 10px !important;
}

footer.mainfooter img.behance {
  width: 21%;
}

footer.mainfooter .col-lg-4:last-child p {
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 15px;
}

footer.mainfooter .col-lg-4:last-child form {
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

footer.mainfooter .col-lg-4:last-child form input {
  width: 100%;
}

footer.mainfooter .col-lg-4:last-child form input {
  width: 100% !important;
  margin: 4px 0px;
  border: none !important;
}

footer.mainfooter img {
  width: 100%;
}


footer.mainfooter {
  padding: 40px 0px 40px 0px;
}


section.section1 .owl-nav button.owl-prev {
  left: 30px;
}

section.section1 .owl-nav button.owl-next {
  right: 30px;
}

.peraward {
  display: flex;
  justify-content: center;
}

section.section1 .banner-carousel #bannerslide2 p {
  width: 86% !important;
  position: relative;
  z-index: 4;
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 9px;
}

section.section4 .col-lg-2 {
  width: 100% !important;
  margin: 15px 0px;
}

section.section4 .col-lg-2 img {height: 350px !important;object-fit: cover;}

section.section4 {padding: 0px 0px 20px 0px;}

section.section8 ul li {
  text-align: center;
}

section.section8 {
  padding: 25px 0px;
}

section.section9 .maincol {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

section.section9 .maincol .colone {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-right: 0px;
}

section.section9 .maincol .coltwo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section.section9  .col-lg-3 {
  margin: 15px 0px 15px 0px;
}

footer.mainfooter h3:before {
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: -7px;
  width: 32%;
}

footer.mainfooter .col-lg-4 .mainparent ul {
  width: 50%;
}

footer.mainfooter .col-lg-4:nth-child(3) h3 {
  margin-top: 20px;
}

section.section9 .col-lg-6 .maincol i, section.section9 .col-lg-3 .maincol i {
  margin-bottom: 8px;
}

section.section9  .col-lg-6 {
  margin-bottom: 18px;
}

section.section7 {
  padding: 35px 0px;
}

section.section6 {
  padding: 40px 0px 40px 0px;
}

.hangouts {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.section1 .banner-carousel #bannerslide2:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000099;
  left: 0px;
  top: 0px;
  z-index: 1;
  content: "";
}

section.section1 .banner-carousel #bannerslide2 {z-index: 9;width: 100%;background-position: bottom !important;padding-top: 10px;}

section.section1 .banner-carousel #bannerslide2 * {
  color: #000000 !important;
}
  
.owl-item {display: flex;}

.sectionslides .owl-item {
  display: flex;
  justify-content: center;
}

  button.navbar-toggler {
      margin: 0px;
      padding: 0px;
  }

  .navbar-dark .navbar-toggler-icon {
      width: 31px;
      height: 100px;
  }

  button.btn.btn-outline-success.me-2 {
      font-size: 23px;
      width: 25px;
  }

  ul.navbar-nav.mb-2.mb-lg-0 {
      display: none;
  }

  div#offcanvasDarkNavbar ul.screen-menu {
      display: block;
      margin: 0;
  }

  div#offcanvasDarkNavbar ul {
      margin-top: 0;
  }

  div#offcanvasDarkNavbar a {
      font-size: 18px;
  }

  .top-bar {
      float: unset;
      width: 100%;
      text-align: center;
  }

  ul.top-flex {
      position: relative;
      padding: 0;
      margin: 0;
  }

  ul.top-flex li {
      margin: 0 20px;
  }

  ul.top-flex li:last-child a {
      padding: 10px 30px;
  }

  ul.top-flex li a {
      font-size: 16px;
  }

  header a.navbar-brand {
      width: 35%;
      margin-right: 0;
  }

  .navbar .container-fluid {
      justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  section.paymentform {
  padding: 30px 0px 5px 0px;
}

section.paymentform input, section.paymentform textarea, section.paymentform select {
  padding: 16px 20px;
  font-size: 15px;
  margin-bottom: 14px;
  letter-spacing: 0px;
  border-radius: 4px;
  padding-left: 15px;
}

section.paymentform .form-group.col-sm-12 label {
  font-size: 15px;
}

section.paymentform .form-group.col-sm-12 .custom-checkbox input {
  height: 20px;
  margin-right: 9px !important;
  width: 20px;
}

button#form-submit {
  padding: 1px 0px;
  font-size: 16px;
}

section.paymentform select {height: 53px !important;}
      section.section1 .owl-nav button {font-size: 15px !important;width: 30px !important;height: 30px !important;}

  a.links.mostlinks {
  font-size: 15px;
  padding: 13px 40px;
}
  section.specialization h2 br {
  display: none;
}

section.section1 h1 br {
  display: none;
}

section.section1 .banner-carousel #bannerslide2 div:first-child img {
  width: 100% !important;
}

section.section1 .banner-carousel #bannerslide2 .col-lg-5 img {
  left: -50px !important;
  top: 230px !important;
}
.showcasedcarousel {
  margin-top: 20px;
}
  section.specialization h2 br {
  display: none;
}

section.section1 h1 br {
  display: none;
}

section.section1 .banner-carousel #bannerslide2 div:first-child img {
  width: 100% !important;
}

section.section1 .banner-carousel #bannerslide2 .col-lg-5 img {
  left: -50px !important;
  top: 230px !important;
}
  table.seovssemtable {
  margin-top: 60px !important;
}

table.chart tr th {
  font-size: 28px;
  padding: 10px !important;
}

table.seovssemtable td p {
  margin-top: 20px;
  font-size: 18px !important;
  font-family: 'GothicNormalStyle';
  font-weight: 900 !important;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

table.chart tbody tr td {
  font-size: 18px;
  padding: 6px 30px !important;
}

table.chart tbody tr:last-child td {
  padding-bottom: 25px !important;
}

table.seovssemtable1 td p {
  padding-top: 22px !important;
}

table.seovssemtable2 td p {
  padding-top: 22px !important;
}

  section.section9 .maincol .colone img {
  width: 80px;
  height: 80px;
  display: flex;
  margin-left: 20px !important;
}
  section.blogsection h2 {font-size: 30px;margin-bottom: 30px !important;margin-top: -10px !important;}

section.blogsection {
  padding: 0px 0px 0px 0px !important;
}

section.blogsection img {
  height: 180px !important;
  object-fit: cover;
  width: 100%;
  object-position: top center;
}

section.blogsection .col-lg-4 h4 {margin-bottom: 5px !important;margin-top: 0px !important;font-size: 14px !important;}

section.blogsection .col-lg-4 h2 {
  font-size: 16px !important;
  line-height: 1.1;
  margin-top: 5px !important;
}

section.blogsection .col-lg-4 .blogcontentinner {
  padding: 12px 15px 15px 11px !important;
}

section.blogsection .col-lg-4 a {
  width: 70% !important;
  padding: 10px 0px !important;
  font-size: 14px !important;
  margin-top: 11px !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 .vc_column-inner {
  height: 366px !important;
}

section.blogsection .row .col-lg-4 .vc_column-inner {
  height: 100% !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 {
  margin-bottom: 25px !important;
}
  .innercontentservices ul li {
  font-size: 22px;
  color: #000000;
}

.innercontentservices ul {
  margin-bottom: 35px;
}
  section.section7 .bloginner img {
  width: 100% !important;
}

.section7 .owl-carousel .owl-item img {
  margin-bottom: 20px !important;
  height: 180px !important;
  object-fit: cover !important;
}

section.section7 .bloginner h3 {
  font-size: 18px !important;
  margin-bottom: 10px;
}


  section.blog-inner h1 {
  width: 60%;
  margin-bottom: 50px;
  font-size: 28px;
  padding: 11px 10px;
}

section.blog-inner p {
  font-family: 'GothicNormalStyle';
  font-size: 18px;
  line-height: 1.4;
  margin-top: 10px;
  color: #000000;
}

section.blog-inner h2 {
  font-size: 28px !important;
  margin: 30px 0px 25px 0px;
}

section.blog-inner {
  padding: 70px 0px 0px 0px;
}

section.blog-inner h3 {
  font-size: 28px;
  margin: 30px 0px 25px 0px !important;
}

section.blog-inner ul li {
  font-family: 'GothicNormalStyle';
  font-size: 18px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
}

section.blog-inner ul.list li:before {height: 8px;width: 8px;left: -20px;}

section.blog-inner ul.list {
  padding-left: 20px;
  margin-top: 30px;
}

h2.faqhead {margin-bottom: 0px !important;}

.faq-sec h3 {margin: 0px !important;}

.blog-inner .accordion-item .accordion-item-desc {
  font-family: 'GothicNormalStyle';
  font-size: 18px;
  line-height: 1.3;
  margin-top: 10px;
  color: #ffffff;
}

.blog-inner .accordion-item .accordion-item-title {
  font-family: 'GothicNormalStyle';
  font-size: 18px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
  padding: 10px 15px;
}

.blog-inner .accordion-item {margin-top: 5px;}

section.blog-inner-banner img {
  width: 400px !important;
  height: 250px !important;
  object-fit: fill;
  object-position: center;
}

section.blog-inner-banner {
  height: 197px;
}
  .innercategories .col-lg-6:first-child {
  padding-top: 30px !important;
}
  .portfolio-sec .nav-item:first-child {
  padding-left: 0px;
  margin-left: 0px;
}

.portfolio-sec .nav-item:last-child {
  margin-right: 0px;
}
  section.showcased {padding-bottom: 20px;}

     .innercategories h2 {
  font-size: 30px !important;
}

.innercategories p {
  font-size: 19px;
  margin-top: 15px;
  width: 100% !important;
}

.innercategories a.links {
  margin-top: 0px;
  font-size: 21px;
}

.innercategories h3 {
  font-size: 28px;
  width: 100%;
}

.innercategories input {
  height: 50px;
  font-size: 19px;
  padding: 18px;
  margin-bottom: 12px;
}

  .innercategories button {
  height: 50px;
  font-size: 19px;
  padding: 18px;
  margin-bottom: 12px;
}

.innercategories textarea {
  font-size: 19px;
  padding: 10px 18px;
}

.innercategories button {
  padding-top: 11px;
}

.innercategories {
  padding: 60px 0px 0px 0px;
}

.innercategories .col-lg-6 {
  height: 560px;
}

.innercontentservices h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

.innercontentservices p {
  font-size: 22px;
}

.innercontentservicesimg img {
  height: 300px;
}
  .contentpage a {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px;
}
  section.services .mainhead h1.head {
  font-size: 28px !important;
}

section.services .mainhead a.links {
  border: none;
  margin-left: 0px !important;
}

section.services p.pera {
  font-size: 26px !important;
  width: 100% !important;
}

section.services .mainhead {
  width: 100% !important;
  justify-content: space-between;
  padding: 0px 10px !important;
  height: 65px;
}

section.services .row .col-lg-6 {padding: 0px 20px !important;}

section.services .row .col-lg-6:last-child {padding-left: 50px !important;}

  .portfoliobanner h2 {
  font-size: 33px !important;
  margin-bottom: 20px;
}

.portfoliobanner p {
  font-size: 20px;
}

.portfoliobanner {
  padding: 40px 0px !important;
}

section.portfoliocontent h3 {
  font-size: 28px !important;
}

section.portfoliocontent {
  padding: 50px 0px 10px 0px !important;
}

section.res__gallery ul li {
  font-size: 10px;
  width: 17.9%;
  padding: 10px 0px
}
  
section.portfoliocontent h5 {
  margin-bottom: 0px;
  font-size: 28px;
}

.portfolio-sec .nav-item a {
      border-radius: 0px !important;
      width: 100%;
      font-size: 21px;
      padding: 10px 0px;
      margin-bottom: 10px;
}

.portfolio-sec .nav-item {
  margin: 0px 5px;
}

.portfolio-sec .nav {
  margin-bottom: 30px !important;
}

.portfolio-sec .tab-content .col-lg-6 a img {
  width: 310px !important;
  height: 400px !important;
  object-fit: cover;
  object-position: top;
}
  .aboutsection1 .row h2 {
  font-size: 28px !important;
}

.aboutsection1 .row h3 {
  font-size: 20px !important;
}

.aboutsection1 .row p {
  font-size: 18px;
  margin-top: 0px;
  width: 100%;
}

.aboutsection1 .row a.links {
  width: 65% !important;
  font-size: 16px;
}

section.aboutsection2 h2 {
  font-size: 28px !important;
  margin-bottom: 0px;
}

section.aboutsection2 p {
  font-size: 20px;
  margin-bottom: 5px;
}

section.aboutsection2 a.links {
  width: 25%;
  font-size: 22px;
  margin-top: 30px;
}

  section.showcased h2 {
  font-size: 28px;
  width: 80% !important;
  margin-bottom: 0px;
  line-height: 1.3;
}

section.showcased h3 {
  font-size: 23px !important;
  margin-bottom: 15px !important;
}

section.showcased .row .awardinner {
  height: 60px !important;
  width: 90% !important;
  margin: 0 auto;
  display: table;
}

section.section5 .trustinner h4 {
  font-size: 18px;
}

section.servicesinner .row:first-child h2 {
  font-size: 28px !important;
  padding-bottom: 0px;
}

section.servicesinner .row:first-child h2::before {
  height: 7px !important;
  border: none;
  bottom: -18px;
}

section.servicesinner .row:last-child h2 {
  font-size: 28px !important;
  margin-bottom: 5px;
}

section.servicesinner .row:last-child p {
  font-size: 16px;
}

section.servicesinner {
  padding: 20px 0px 70px 0px !important;
}

section.specialization {
  padding: 50px 0px 20px 0px !important;
}

section.specialization h2 {
  font-size: 24px !important;
}

section.specialization p {
  margin-top: 30px !important;
  font-size: 19px;
}

section.specialization .links {
  width: 28% !important;
  text-align: center;
  font-size: 19px !important;
}
  section.contactsec {background-position: center;position: relative;padding: 70px 0px 40px 0px !important;}

section.contactsec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000006b;
  left: 0px;
  top: 0px;
  z-index: 1;
}

section.contactsec * {
  z-index: 2;
  position: relative;
}

section.contactsec h1.contacthead {
  font-size: 35px;
}

section.contactsec p {
  font-size: 17px;
}

section.contactsec .main {
  margin-top: 30px;
}

ul.main a.links {
  font-size: 17px;
}

section.contactmain {
  padding: 30px 0px;
}

section.contactmain h2 {
  font-size: 30px;
  margin-bottom: 0px;
}

section.contactmain p {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 15px;
  margin-bottom: 30px;
}

section.contactmain .content h3 {
  font-size: 30px;
}

.main input {
  font-size: 16px;
  height: 50px;
  padding: 0px 20px;
}

.main textarea {
  height: 93%;
  padding: 15px;
  font-size: 17px;
}

.contactmain form button {
  font-size: 17px;
}
  section.banner h1 {
  font-size: 28px;
  padding: 11px 0px;
}

section.contentpage h2 {
  font-size: 28px;
  margin-bottom: 0px;
}

section.contentpage p {
  font-size: 16px;
  width: 90%;
}

section.banner {
  padding-bottom: 50px;
}
  section.pagebanner h1 {
  font-size: 30px;
}
  
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow-x: clip;
}

header .btn-outline-success {
  font-size: 20px;
}

.navbar-dark .navbar-toggler-icon {
  width: 30px;
}

button.navbar-toggler {
  margin: 0px 0px;
  padding: 0px 5px;
}

.navbar-nav .dropdown-menu h3 {
  font-size: 18px;
}

.navbar-nav .dropdown-menu * {
  font-size: 16px;
}

div#offcanvasDarkNavbar a {
  font-size: 16px;
}

section.section1 .banner-carousel #bannerslide {padding-left: 60px;padding-top: 75px;height: 450px;}


section.section1 .banner-carousel #bannerslide1 {padding-left: 60px;padding-top: 75px;height: 450px;}


section.section1 .banner-carousel #bannerslide2 {padding-left: 0px;padding-top: 75px;height: 450px;}

section.section1 h1 {
  font-size: 26px;
  margin-bottom: 15px;
  width: 100% !important;
}

section.section1 .banner-carousel #bannerslide:before {
  width: 50%;
  height: 93%;
  background-size: contain;
}

section.section1 p {
  font-size: 16px;
}

section.section1 .owl-nav {
  bottom: 6%;
  top: 0%;
}

.offcanvas-body {margin-top: 0px;}

section.section1 a.links {
  font-size: 16px;
  padding: 12px 21px;
  display: table;
}

section.section1 .banner-carousel #bannerslide1:before {
  background-size: contain;
  width: 72%;
  right: -110px;
}

section.section1 .banner-carousel #bannerslide2:before {
  background-size: contain;
  width: 100%;
}

section.section2 .h1main h1 {
  font-size: 28px;
  width: 46%;
}

section.sectionslides .row .awardinner img {
  width: 90%;
}

section.sectionslides button.owl-prev {
  left: -10px;
}

section.sectionslides button.owl-next {
  right: -10px;
}

section.sectionslides .owl-carousel button i {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.sectionslides button i {
  color: #ffffff;
  font-size: 30px;
  padding: 14px 20px;
}

section.sectionslides .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.showcased .row .awardinner img {
  width: 90%;
}

section.showcased button.owl-prev {
  left: -10px;
}

section.showcased button.owl-next {
  right: -10px;
}

section.showcased .owl-carousel button i {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.showcased button i {
  color: #ffffff;
  font-size: 30px;
  padding: 14px 20px;
}

section.showcased .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

  
section.section3 {
  padding: 50px 10px 0px 10px;
}

section.section3 .content h2 {
  font-size: 25px;
  margin-bottom: 0px;
}

section.section3 .content {
  height: 300px;
  padding: 0px 0px;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

section.section3 .content p {
  font-size: 16px;
  height: auto;
}

section.section3 .content a.links i {
  font-size: 40px;
}

section.section3 .content a.links {
  margin-top: 25px;
}

section.section4 h2 {
  font-size: 30px;
}

section.section4 img.clientdone {
  height: 400px;
  object-fit: cover;
  object-position: top;
}

section.section5 {
  padding: 45px 30px 20px 30px !important;
}

section.section5 .hangouts i {
  font-size: 30px;
}

section.section5 h2 {
  font-size: 25px;
}

section.section5 h3 {
  margin-top: 10px;
  font-size: 21px;
}

section.section5 p {
  font-size: 16px;
  margin-top: 10px;
}

section.section5 a.links {font-size: 16px;padding: 14px 40px;margin-bottom: 20px;}

section.section5 .trustinner {
  height: 250px;
}

section.section5 .trustinner h5 {
  font-size: 18px;
}

section.section5 .trustinner p {
  font-size: 16px;
  width: 90%;
}

section.section6 h2 {
  font-size: 30px;
}

section.section6 .col-lg-10 p {
  width: 60%;
  font-size: 16px;
}

section.section6 .row:nth-child(1) h3 {
  font-size: 30px;
}

section.section6 .row:nth-child(1) .col-lg-2 p {
  font-size: 16px;
}

section.section6 h3 {
  font-size: 30px;
}

section.section6 .row:nth-child(2) p {
  font-size: 16px;
  width: 70%;
}

section.section7 h2 {
  font-size: 30px;
}

section.section7 .bloginner {
  height: 460px;
  padding: 0px 0px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: start;
}

section.section7 .bloginner p.pera {
  font-size: 13px !important;
  width: 90% !important;
  margin-bottom: 0px;
}

section.section7 .bloginner a.links {
  font-size: 14px;
  padding: 10px 30px;
}

section.section8 ul li a {
  font-size: 16px;
}

section.section8 h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 19px;
}

section.section8 h4 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 35px;
}

section.section8 h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

section.section9 {
  padding-top: 70px;
}

section.section9 .maincol .coltwo h3 {
  font-size: 25px;
  margin-bottom: 0px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

section.section9 .maincol .coltwo p {
  width: 80%;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 50px;
}

section.section9 .maincol .coltwo a {
  font-size: 16px;
  width: 100%;
  display: block;
}

section.section9 .maincol .colone {
  margin-right: 20px;
}

section.section9 .container {padding-bottom: 20px;}

footer.mainfooter h3 {
  font-size: 25px;
}

footer.mainfooter h3:before {
  height: 5px;
  bottom: -3px;
}

footer.mainfooter p {
  font-size: 13px;
  margin-bottom: 0px;
  width: 100%;
}

footer.mainfooter .col-lg-4 .mainparent ul li a {
  font-size: 13px;
  display: flex;
  align-items: center;
  width: 100% !important;
}

footer.mainfooter .col-lg-4 .mainparent ul li {
  margin: 0px 20px 0px 0px;
  margin-bottom: 16px;
  margin-right: 10px;
}

footer.mainfooter .col-lg-4:last-child form input[type="email"] {
  font-size: 16px;
}

footer.mainfooter .col-lg-4:last-child form input[type="submit"] {
  font-size: 16px;
}

.copyright {
  padding: 11px 0px;
}

.copyright p {
  font-size: 13px;
}

.copyright p span.colorname {
  height: 100%;
  padding: 2px 7px;
  width: 100%;
}

section.sectionslides .row .awardinner {
  height: 160px;
  width: 170px;
}

footer.mainfooter .col-lg-4 .mainparent ul li i {
  font-size: 20px !important;
  margin-top: -10px;
  width: 40px !important;
  height: 40px !important;
  font-size: 17px !important;
}

footer.mainfooter img.behance {
  width: 40% !important;
  height: 100% !important;
  padding: 10px !important;
  margin-top: -10px !important;
}

footer.mainfooter .col-lg-4:last-child p {
  margin-top: 30px;
}

footer.mainfooter .col-lg-4:last-child form {
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

footer.mainfooter .col-lg-4:last-child form input {
  width: 100%;
}

footer.mainfooter .col-lg-4:last-child form input {
  width: 100% !important;
  margin: 4px 0px;
  border: none !important;
  font-size: 13px !important;
}

footer.mainfooter img {width: 90% !important;}


footer.mainfooter {
  padding: 50px 0px 40px 0px;
}


section.section1 .owl-nav button.owl-prev {
  left: 30px;
}

section.section1 .owl-nav button.owl-next {
  right: 30px;
}

.peraward {
  display: flex;
  justify-content: center;
}

section.section1 .banner-carousel #bannerslide2 p {
  width: 119% !important;
  background: #ffffff85;
  padding: 10px 0px;
}

section.section4 .col-lg-2 {
  width: 48% !important;
  margin: 15px 0px;
}

section.section4 {padding: 0px 0px 40px 0px;}

section.section8 ul li {
  text-align: center;
}

section.section8 {
  padding: 20px 0px;
}

section.section9 .maincol {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

section.section9 .maincol .colone {
  width: 100%;
  display: flex;
  justify-content: center;
}

section.section9 .maincol .coltwo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section.section9  .col-lg-3 {
  margin: 10px 0px 10px 0px;
}
  ul.navbar-nav.mb-2.mb-lg-0 {
      display: none;
  }

  div#offcanvasDarkNavbar ul.screen-menu {
      display: block;
      margin: 0;
  }

  div#offcanvasDarkNavbar ul {
      margin-top: 0;
  }

  div#offcanvasDarkNavbar a {
      font-size: 14px;
  }

  .top-bar {
      float: unset;
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: end;
  }

  ul.top-flex {
      position: relative;
      padding: 0;
      margin: 0;
  }

  ul.top-flex li {
      margin: 0 20px;
  }

  ul.top-flex li:last-child a {
      padding: 10px 30px;
  }

  ul.top-flex li a {
      font-size: 16px;
  }

  header a.navbar-brand {
      width: 20%;
      margin-right: 0;
  }

  .navbar .container-fluid {
      justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1540px) {

  section.paymentform {
  padding: 50px 0px 20px 0px;
}

section.paymentform input, section.paymentform textarea, section.paymentform select {
  padding: 16px 20px;
  font-size: 15px;
  margin-bottom: 13px;
  letter-spacing: 0px;
  border-radius: 4px;
  padding-left: 15px;
}

section.paymentform .form-group.col-sm-12 label {
  font-size: 15px;
}

section.paymentform .form-group.col-sm-12 .custom-checkbox input {
  height: 20px;
  margin-right: 9px !important;
  width: 20px;
}

button#form-submit {
  padding: 1px 0px;
  font-size: 16px;
}

section.paymentform select {height: 53px !important;}
  
  .awards-main .owl-item {
  margin: 0px !important;
}
  section.section1 .owl-nav button {
  font-size: 31px !important;
  height: 50px !important;
  width: 50px !important;
}
  a.links.mostlinks {
  font-size: 16px;
  padding: 13px 40px;
}
  section.section1 .banner-carousel #bannerslide2 div:first-child img {
  width: 100% !important;
}

section.section1 .banner-carousel #bannerslide2 .col-lg-5 img {
  left: 100px !important;
}
  header img {
  width: 170% !important;
}

  section.sectionslides .row .peraward {
  display: flex;
  justify-content: center;
}
  table.seovssemtable {
  margin-top: 60px !important;
}

table.chart tr th {
  font-size: 30px;
  padding: 10px !important;
}

table.seovssemtable td p {
  margin-top: 20px;
  font-size: 19px !important;
  font-family: 'GothicNormalStyle';
  font-weight: 900 !important;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

table.chart tbody tr td {
  font-size: 19px;
  padding: 6px 30px !important;
}

table.chart tbody tr:last-child td {
  padding-bottom: 25px !important;
}

table.seovssemtable1 td p {
  padding-top: 22px !important;
}

table.seovssemtable2 td p {
  padding-top: 22px !important;
}

  section.section9 .maincol .colone img {
  width: 60px;
  height: 60px;
  display: flex;
  margin-top: 10px;
}
  section.blogsection h2 {font-size: 30px;margin-bottom: 30px !important;}

section.blogsection {
  padding: 0px 0px 15px 0px !important;
}

section.blogsection img {
  height: 200px !important;
  object-fit: cover;
  width: 100%;
  object-position: top center;
}

section.blogsection .col-lg-4 h4 {margin-bottom: 8px !important;margin-top: 0px !important;font-size: 16px !important;}

section.blogsection .col-lg-4 h2 {
  font-size: 20px !important;
  line-height: 1.1;
}

section.blogsection .col-lg-4 .blogcontentinner {
  padding: 15px 14px 15px 14px !important;
}

section.blogsection .col-lg-4 a {
  width: 60% !important;
  padding: 10px 0px !important;
  font-size: 15px !important;
  margin-top: 11px !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 .vc_column-inner {
  height: 402px !important;
}

section.blogsection .row .col-lg-4 .vc_column-inner {
  height: 100% !important;
}

section.blogsection .row:nth-child(2) .col-lg-4 {
  margin-bottom: 25px !important;
}
  .innercontentservices ul li {
  font-size: 25px;
  margin-bottom: 0px;
}
  section.section7 .bloginner img {
  width: 100% !important;
}

.section7 .owl-carousel .owl-item img {
  margin-bottom: 20px !important;
  width: 100% !important;
  object-fit: contain;
}

section.section7 .bloginner h3 {
  font-size: 20px !important;
  margin-bottom: 10px;
}

  section.showcased .row .awardinner img {
  width: 90%;
}

section.showcased button.owl-prev {
  left: -10px;
}

section.showcased button.owl-next {
  right: -10px;
}

section.showcased .owl-carousel button i {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.showcased button i {
  color: #ffffff;
  font-size: 30px;
  padding: 14px 20px;
}

section.showcased .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

  .innercategories h2 {
  font-size: 40px !important;
}

.innercategories p {
  font-size: 21px;
  margin-top: 15px;
}

.innercategories a.links {
  margin-top: 20px;
  font-size: 21px;
}

.innercategories h3 {
  font-size: 30px;
}

.innercategories input {
  height: 50px;
  font-size: 21px;
  padding: 18px;
  margin-bottom: 15px;
}

.innercategories button {
  height: 50px;
  font-size: 21px;
  padding: 18px;
  margin-bottom: 15px;
}

  
.innercategories textarea {
  font-size: 21px;
  padding: 10px 18px;
}
  
.innercategories button {
  padding-top: 9px;
}

  
.innercategories {
  padding: 70px 0px 0px 0px;
}

.innercategories .col-lg-6 {
  height: 580px;
}

.innercontentservices h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.innercontentservices p {
  font-size: 25px;
}

.innercontentservicesimg img {
  height: 300px;
}
  .contentpage a {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px;
}
  section.services .mainhead h1.head {
  font-size: 30px !important;
}

section.services .mainhead a.links {
  border: none;
}

section.services p.pera {
  font-size: 28px !important;
  width: 100% !important;
}

section.services .mainhead {
  width: 85% !important;
  justify-content: space-between;
  padding: 0px 20px !important;
}

section.services .row .col-lg-6 {padding: 0px 20px !important;}

section.services .row .col-lg-6:last-child {padding-left: 50px !important;}

  .portfoliobanner h2 {
  font-size: 35px !important;
  margin-bottom: 20px;
}

.portfoliobanner p {
  font-size: 22px;
}

.portfoliobanner {
  padding: 60px 0px !important;
}

section.portfoliocontent h3 {
  font-size: 30px !important;
}

  section.res__gallery ul li {
  font-size: 15px;
  width: 18%
}

section.portfoliocontent {
  padding: 50px 0px 10px 0px !important;
}

section.portfoliocontent h5 {
  margin-bottom: 0px;
}

.portfolio-sec .nav-item a {
      border-radius: 0px !important;
  width: 100%;
  font-size: 21px;
}

.portfolio-sec .nav-item {
  margin: 0px 10px;
}

.portfolio-sec .nav {
  margin-bottom: 50px !important;
}

.portfolio-sec .tab-content .col-lg-6 a img {
  width: 400px !important;
}
  .aboutsection1 .row h2 {
  font-size: 30px !important;
}

.aboutsection1 .row h3 {
  font-size: 22px !important;
}

.aboutsection1 .row p {
  font-size: 21px;
  margin-top: 7px;
}

.aboutsection1 .row a.links {
  width: 50% !important;
  font-size: 17px;
}

section.aboutsection2 h2 {
  font-size: 30px !important;
}

section.aboutsection2 p {
  font-size: 21px;
}

section.aboutsection2 a.links {
  width: 21%;
  font-size: 22px;
  margin-top: 30px;
}

  section.showcased h2 {
  font-size: 30px;
  width: 70% !important;
  margin-bottom: 0px;
}

section.showcased h3 {
  font-size: 25px !important;
  margin-bottom: 15px !important;
}

section.showcased .row .awardinner {
  height: 120px !important;
}

section.section5 .trustinner h4 {
  font-size: 18px;
}

section.servicesinner .row:first-child h2 {
  font-size: 30px !important;
}

section.servicesinner .row:first-child h2::before {
  height: 8px !important;
  border: none;
  bottom: -20px;
}

section.servicesinner .row:last-child h2 {
  font-size: 30px !important;
  margin-bottom: 5px;
}

section.servicesinner .row:last-child p {
  font-size: 16px;
}

section.servicesinner {
  padding: 20px 0px 70px 0px !important;
}

section.blog-inner h1 {
  font-size: 35px;
  padding: 12px 20px;
  width: 60%;
  margin-bottom: 50px;
}

section.blog-inner p {
  font-family: 'GothicNormalStyle';
  font-size: 20px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
}

section.blog-inner h2 {
  font-size: 30px;
  margin: 30px 0px 25px 0px;
}

section.blog-inner {
  padding: 70px 0px 0px 0px;
}

section.blog-inner h3 {
  font-size: 30px;
  margin: 30px 0px 25px 0px;
}

section.blog-inner ul li {
  font-family: 'GothicNormalStyle';
  font-size: 20px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
}

section.blog-inner ul.list li:before {height: 8px;width: 8px;left: -20px;}

section.blog-inner ul.list {
  padding-left: 20px;
}

h2.faqhead {margin-bottom: 0px !important;}

.faq-sec h3, .faq-sec h2 {margin: 12px 0px !important;font-size: 25px !important;}

.blog-inner .accordion-item .accordion-item-desc {
  font-size: 20px;
  line-height: 1.3;
  margin-top: 10px;
  color: #ffffff;
}

.blog-inner .accordion-item .accordion-item-title {
  font-size: 19px;
  line-height: 1.3;
  margin-top: 10px;
  color: #000000;
  padding: 10px 15px;
}

.blog-inner .accordion-item {margin-top: 5px;}

section.blog-inner-banner img {
  width: 500px !important;
  height: 350px !important;
  object-fit: fill;
  object-position: center;
}

section.blog-inner-banner {
  height: 260px;
}

section.specialization {
  padding: 60px 0px 30px 0px !important;
}

section.specialization h2 {
  font-size: 28px !important;
}

section.specialization p {
  margin-top: 30px !important;
  font-size: 19px;
}

section.specialization .links {
  width: 20% !important;
  text-align: center;
  font-size: 19px !important;
}


  section.contactsec {background-position: center;position: relative;}

section.contactsec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000006b;
  left: 0px;
  top: 0px;
  z-index: 1;
}

section.contactsec * {
  z-index: 2;
  position: relative;
}

section.contactsec h1.contacthead {
  font-size: 35px;
}

section.contactsec p {
  font-size: 17px;
}

section.contactsec .main {
  margin-top: 30px;
}

ul.main a.links {
  font-size: 17px;
}

section.contactmain {
  padding: 30px 0px;
}

section.contactmain h2 {
  font-size: 30px;
  margin-bottom: 0px;
}

section.contactmain p {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 15px;
  margin-bottom: 30px;
}

section.contactmain .content h3 {
  font-size: 30px;
}

.main input {
  font-size: 16px;
  height: 50px;
  padding: 0px 20px;
}

.main textarea {
  height: 93%;
  padding: 15px;
  font-size: 17px;
}

.contactmain form button {
  font-size: 17px;
}
  section.banner h1 {
  font-size: 35px;
  padding: 12px 0px;
  width: 35%;
}

section.contentpage h2 {
  font-size: 30px;
}

section.contentpage p {
  font-size: 16px;
  width: 90%;
}

section.banner {
  padding-bottom: 50px;
}

  section.pagebanner h1 {
  font-size: 50px;
}
  
  
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow-x: clip;
}

header .btn-outline-success {
  font-size: 20px;
}

.navbar-dark .navbar-toggler-icon {
  width: 30px;
}

button.navbar-toggler {
  margin: 0px 0px;
  padding: 0px 5px;
}

.navbar-nav .dropdown-menu h3 {
  font-size: 18px;
}

.navbar-nav .dropdown-menu * {
  font-size: 16px;
}

div#offcanvasDarkNavbar a {
  font-size: 16px;
}

section.section1 .banner-carousel #bannerslide {padding-left: 130px;padding-top: 80px;height: 450px;}

section.section1 .banner-carousel #bannerslide1 {padding-left: 130px;padding-top: 70px;height: 450px;}

section.section1 .banner-carousel #bannerslide2 {padding-left: 0px;padding-top: 60px;height: 440px;}

section.section1 h1 {
  font-size: 30px;
  margin-bottom: 15px;
  width: 100%;
}

section.section1 .banner-carousel #bannerslide:before {
  width: 40%;
  height: 93%;
}

section.section1 p {
  font-size: 16px;
  width: 90% !important;
}

section.section1 .owl-nav {
  bottom: 4%;
  top: 0%;
}

.offcanvas-body {margin-top: 0px;}

section.section1 a.links {
  font-size: 16px;
  padding: 12px 21px;
  display: table;
}

section.section1 .banner-carousel #bannerslide1:before {
  background-size: contain;
  width: 70%;
  right: -130px;
}

section.section1 .banner-carousel #bannerslide2:before {
  background-size: contain;
  width: 100%;
}

section.section2 .h1main h1 {
  font-size: 30px;
}

section.sectionslides .row .awardinner img {
  width: 90%;
}

section.sectionslides button.owl-prev {
  left: -10px;
}

section.sectionslides button.owl-next {
  right: -10px;
}

section.sectionslides .owl-carousel button i {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.sectionslides button i {
  color: #ffffff;
  font-size: 30px;
  padding: 14px 20px;
}

section.sectionslides .owl-carousel button i:hover {
  background: linear-gradient(360.2deg, #E8001a, #620000e0);
}

section.section3 {
  padding: 50px 10px;
}

section.section3 .content h2 {
  font-size: 25px;
  margin-bottom: 20px;
}

section.section3 .content {
  padding: 0px 0px;
  padding: 50px 0px !important;
}

section.section3 .content p {
  font-size: 16px;
  height: auto;
}

section.section3 .content a.links i {
  font-size: 40px;
}

section.section3 .content a.links {
  margin-top: 25px;
}

section.section4 h2 {
  font-size: 30px;
}

section.section4 img.clientdone {
  height: 280px;
  object-fit: cover;
}

section.section5 {
  padding: 30px 0px 20px 50px !important;
}

section.section5 .hangouts i {
  font-size: 30px;
}

section.section5 h2 {
  font-size: 25px;
}

section.section5 h3 {
  margin-top: 10px;
  font-size: 21px;
}

section.section5 p {
  font-size: 16px;
  margin-top: 10px;
}

section.section5 a.links {font-size: 16px;padding: 14px 40px;}

section.section5 .trustinner {
  height: 350px;
}

section.section5 .trustinner h5 {
  font-size: 17px;
}

section.section5 .trustinner p {
  font-size: 16px;
  width: 90%;
}

section.section6 h2 {
  font-size: 30px;
}

section.section6 .col-lg-10 p {
  width: 50%;
  font-size: 16px;
}

section.section6 .row:nth-child(1) h3 {
  font-size: 30px;
}

section.section6 .row:nth-child(1) .col-lg-2 p {
  font-size: 16px;
}

section.section6 h3 {
  font-size: 30px;
}

section.section6 .row:nth-child(2) p {
  font-size: 16px;
  width: 50%;
}

section.section7 h2 {
  font-size: 30px;
}

section.section7 .bloginner {
  height: 515px;
  padding: 0px 0px 25px 0px;
}

section.section7 .bloginner p.pera {
  font-size: 15px !important;
  margin-bottom: 0px;
  font-family: 'Gothic';
  letter-spacing: 0.4px;
}

section.section7 .bloginner a.links {
  font-size: 16px;
  padding: 10px 30px;
}

section.section8 ul li a {
  font-size: 16px;
}

section.section8 h3 {
  font-size: 24px;
}

section.section8 h4 {
  font-size: 24px;
  margin-bottom: 15px;
}

section.section8 h2 {
  font-size: 30px;
}

section.section9 {
  padding-top: 70px;
}

section.section9 .maincol .coltwo h3 {
  font-size: 25px;
  margin-bottom: 0px;
  align-items: center;
}

section.section9 .maincol .coltwo p {
  font-size: 16px;
}

section.section9 .maincol .coltwo a {
  font-size: 16px;
  width: 100%;
  display: block;
}

section.section9 .maincol .colone {
  margin-right: 20px;
}

section.section9 .container {padding-bottom: 20px;}

footer.mainfooter h3 {
  font-size: 25px;
}

footer.mainfooter h3:before {
  height: 5px;
  bottom: -3px;
}

footer.mainfooter p {
  font-size: 16px;
  margin-bottom: 0px;
}

footer.mainfooter .col-lg-4 .mainparent ul li a {
  font-size: 15px;
  display: flex;
  align-items: center;
}

footer.mainfooter .col-lg-4 .mainparent ul li {
  margin: 0px 30px 20px 0px;
}

footer.mainfooter .col-lg-4:last-child form input[type="email"] {
  font-size: 16px;
}

footer.mainfooter .col-lg-4:last-child form input[type="submit"] {
  font-size: 16px;
}

.copyright {
  padding: 20px 0px;
}

.copyright p {
  font-size: 16px;
}

.copyright p span.colorname {
  height: 100%;
  padding: 2px 0px;
}

section.sectionslides .row .awardinner {
  height: 160px;
  width: 170px;
}
  
  .top-bar {
      float: unset;
      width: 100%;
  }

  ul.top-flex {
      position: relative;
      display: flex;
      justify-content: end;
  }

  ul.top-flex li:last-child {
      margin-right: 0;
  }

  .navbar .container-fluid {
      flex-wrap: unset;
      justify-content: space-between;
  }

  header a.navbar-brand {
      width: 12%;
      margin-right: 0;
  }

  ul.navbar-nav li {
      margin: 0 10px;
  }

  a.nav-link {
      font-size: 16px;
  }

  ul.top-flex li a {
      font-size: 18px;
  }
}


@media only screen and (min-width: 1540px) and (max-width: 1900px) {
  .section3 h2{
  font-size: 30px !important;
  }
  .section3  p {
  font-size: 20px !important;
}

section.section1 .banner-carousel #bannerslide2 .col-lg-5 img {
  left: 40px !important;
}

section.section7 .bloginner {
  height: 690px !important;
}

section.section7 .bloginner h3 {
  font-size: 24px;
}

section.section7 .bloginner p {
  font-size: 19px !important;
}

section.section7 .bloginner a.links {
  font-size: 19px;
}
  section.section1 .owl-nav button {
  font-size: 40px !important;
  height: 60px !important;
  width: 60px;
}
}


@media only screen and (min-width: 1000px) and (max-width: 1100px) {
  section.section7 .bloginner {
  height: 550px;
}    
}