@media only screen and (max-width: 1399px) {
  h1 {
    font-size: 42px;
  }

  .sec2rightCOl {
    padding-right: 10%;
    padding-left: 2%;
  }

  section.sec2::before {
    right: 6%;
  }
}

@media only screen and (max-width: 1199px) {
    navbar.navberSec .onlyshowinlg a.navbar-brand {
    width: 50%;
    }
    
    div#navbarText.show .navbarheaderBtn {
        flex-direction: column;
    }
    
    div#navbarText.show .navbarheaderBtnIconAndtext i {
        color: var(--darkblue);
    }
    
    div#navbarText.show .navbarheaderBtnIconAndtext {
        border-color: var(--darkblue);
        margin-bottom: 20px;
    }

    navbar.navberSec a.navbar-brand {
        width: 24%;
    }

  .navBottomBar .dropdown-menu.show {
    margin: 0;
    background: #46464659;
  }

  .navBottomBar .dropdown-menu.show::after {
    display: none;
  }

  .navBottomBar #navbarText ul li a {
    text-align: left;
  }

  .headersecnavtop {
    margin-top: 8%;
  }

  div#navbarText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .onlyshowinlg {
    width: 100%;
  }

  .navBottomBar #navbarText {
    justify-content: flex-start;
  }

  .mynavbar-toggler-icon {
    width: 30px;
    height: 3px;
    background: #000;
    display: block;
    margin: 5px auto;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
  }

  .mynavbar-toggler-icon1 {
    transform: translateY(0px) rotate(0deg);
  }

  .mynavbar-toggler-icon2 {
    transform: translateY(0px) rotate(0deg);
  }

  .mynavbar-toggler-icon3 {
    transform: translateY(0px) rotate(0deg);
  }

  .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon1 {
    transform: translateY(8px) rotate(45deg);
  }

  .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon2 {
    transform: translateX(200px) rotate(0deg);
  }

  .navbar-toggler[aria-expanded="true"] .mynavbar-toggler-icon3 {
    transform: translateY(-8px) rotate(-45deg);
  }

  .navbar-toggler {
    border: 0;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  nav.navbar.navbar-expand-xl {
    text-align: right !important;
    justify-content: flex-end;
  }
  div#navbarText {
    position: fixed;
    background: #0f335e;
    z-index: 99;
    left: 0%;
    top: 0;
    height: 100vh;
    width: 36%;
    padding: 50px 15px;
    transform: translatex(-100%);
    transition: 0.3s ease-in-out;
    bottom: 0;
    border-right: 10px solid var(--mainblue);
  }
  div#navbarText.show {
    transform: translatex(0%);
    overflow: hidden;
    overflow-y: scroll;
  }
  .onlyshowinlg {
    display: block;
  }
  .onlyshowinlg {
    display: flex;
    justify-content: space-between;
  }
  div#navbarText {
    padding: 3% 2% 0;
  }
  div#navbarText ul li a {
    color: var(--White);
  }
  div#navbarText ul {
    gap: 15px;
    align-items: flex-start;
    padding: 3% 3% 5%;
  }
  .onlyshowinlg .navbar-toggler {
    background: var(--mainblue);
    width: 40px;
    height: 40px;
    border-radius: 32px;
    padding: 0;
  }
  .onlyshowinlg .navbar-toggler .mynavbar-toggler-icon {
    width: 21px;
    background: #fff;
  }

  .navberSec div#navbarText ul li {
    padding: 2px 0;
  }

  .navberSec div#navbarText ul li {
    padding: 2px 0;
  }

  .navberSec div#navbarText ul.navbar-nav {
    justify-content: flex-start;
    flex: 0;
  }

  div#navbarText.show {
    justify-content: flex-start;
  }

  section.sec4 {
    overflow: hidden;
}

section.sec6 {
    overflow: hidden;
}

h1 {
    font-size: 36px;
}

.mainHeaderText p {
    margin: 15px 0 25px;
}

section.sec1 {
    padding: 70px 0 0px;
}

.sec2rightCOl {
    padding-right: 6%;
    padding-left: 1%;
}

section.sec2::before {
    right: 6%;
    top: 10%;
}

section.sec7 ul {
    margin: 20px 30px 0 30px;
}

section.strugglesec.gostWritingSec3 {
    padding: 80px 0;
}

section.gostWritingSec4 {
    padding: 0px 0;
}

.gostWritingSec9::after {
    width: 200px;
    height: 100%;
    background-size: 100%;
}

.gostWritingSec9::before {
    background-size: 46%;
}

section.sec6.gostWritingSec12 .foo_box {
    padding: 38px;
}

section.sec6.gostWritingSec12 {
    padding: 45px 0 50px;
}

section.sec6.gostWritingSec12 .sec6shape4 {
    bottom: 0%;
}

section.sec6.gostWritingSec12 .sec6shape3 {
    bottom: 18%;
}
header.mainHeader {
    height: auto;
}

header.mainHeader .row {
    padding: 40px 0 35px;
}

.swiper.mySwiper2 {
    height: 130px;
}

.ratsite > img {
    max-width: 125px;
}

section.swipper3sec {
    padding: 4% 0 4%;
}

li.nav-item.dropdown a.nav-link.dropdown-toggle.show {
    text-align: left;
}

.navberSec div#navbarText ul li ul.dropdown-menu {
    background: #0f335e;
}
}

@media only screen and (max-width: 991px) {
    
    h2.heading br {
        display: none;
    }

    navbar.navberSec a.navbar-brand {
        width: 30%;
    }

    section.sec7 {
        padding: 50px 0 30px;
    }
    
    section.sec7 h2 {
        padding-bottom: 35px;
    }

    section.sec2, section.sec3 {
        padding: 50px 0;
    }
    
    section.sec3 h2 {
        padding: 0 0 30px;
    }
    
    section.sec4 {
        padding: 50px 0 50px;
    }

    section.sec6.gostWritingSec12 .foo_box {
        padding: 10px;
    }
    
    section.sec6.gostWritingSec12 .col-md-4 {
        width: 100%;
        padding: 8px 0;
    }
    
    section.sec6.gostWritingSec12 .sec6shape1 {
        top: -40px;
        left: 250px;
    }
    
    section.sec6.gostWritingSec12 .sec6shape3 {
        left: 26%;
    }
    
    section.sec6.gostWritingSec12 .row .col-md-4.col-12:last-child .foo_box {
        border-right: 1px dotted #0d0d0d;
    }
    
    section.strugglesec.gostWritingSec1 {
        padding: 50px 0;
    }
    
    section.strugglesec.gostWritingSec3 {
        padding: 50px 0;
    }
    
    section.strugglesec.gostWritingSec3 h3 {
        padding: 3% 0 2%;
    }
    
    section.gostWritingSec5 {
        padding: 20px 0 30px;
        margin: 50px 0;
    }
    
    section.gostWritingSec5 .col-md-4 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    section.gostWritingSec6 {
        padding: 0px 10% 50px;
    }

    section.strugglesec.gostWritingSec8 {
        padding: 50px 0;
    }
    
    section.our-shelf.gostWritingSec7 .row .col-md-5,section.our-shelf.gostWritingSec7 .row .col-md-7 {
        width: 100%;
    }
    
    section.our-shelf.gostWritingSec7 .row .col-md-5 {padding-bottom: 35px;}
    
    section.our-shelf.gostWritingSec7 .row .col-md-5 h2 {
        text-align: center;
    }
    
    section.our-shelf.gostWritingSec7 .row .col-md-5 h3 {
        text-align: center;
    }
    
    section.our-shelf.gostWritingSec7 .row .col-md-5 .btns {
        justify-content: center;
    }
    
    section.sec5 {
        padding: 50px 0;
    }

    section.strugglesec ul {
        column-count: 1;
    }

navbar.navberSec {
    overflow: hidden;
}

nav.navbar.navbar-expand-xl {
    overflow: hidden;
}

header.mainHeader .col-md-6.col-12 {
    flex: 0 0 auto;
    width: 60%;
}

header.mainHeader .row {
    justify-content: center;
}

.mainHeaderText {
    justify-content: flex-start;
}

section.sec1 .col-md-4.col-12 {
    flex: 0 0 auto;
    width: 50%;
}

.sec1Inner {
    padding: 10px 20px;
}

section.sec2 .row {
    flex-direction: column-reverse;
    align-items: center;
    gap: 30px;
}

section.sec2 .row .col-md-6 {
    flex: 0 0 auto;
    width: 90%;
}

.sec3RowleftColImg, .sec3RowleftColImg img {
    object-fit: scale-down;
}

.swiper {
    width: 600px;
    height: 400px;
}

.testimonial {
    padding: 20px 25px 10px 0;
}

section.sec7 .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
}

section.sec7 .row {
    justify-content: center;
}

section.sec7 ul li {
    font-size: 14px;
}

h2 {
    font-size: 32px;
}

.sec6shape4 {
    bottom: -30%;
    right: 20%;
}

.sec6shape3 {
    left: 17%;
}

.sec6shape1 {
    top: 18%;
    left: 0;
}

.sec6Text p {
    z-index: 10;
    position: relative;
}

.sec6shape2 img {
    width: 95px;
}

footer.footerSec .col-md-4,footer.footerSec .col-md-2 {
    flex: 0 0 auto;
    width: 50%;
    margin: 0px 0 30px;
}


footer.footerSec h3 {
    padding: 0 0 15px;
}

.copyright {
    margin-top: 15px;
}

.aboutsec1 .row {
    flex-direction: column;
    align-items: center;
    gap: 35px;
}

.aboutsec1 .row .col-md-6 {
    flex: 0 0 auto;
    width: 90%;
}

.aboutsec1 .row .col-md-6 h2 {
    text-align: center;
    width: 100%;
    padding: 0 0 2%;
}

.aboutsec1 {
    padding: 50px 0;
}

.breadcrumbs {
    padding: 90px 0 90px;
}

div#navbarText {
    width: 44%;
}

.servisesec1cols .row {
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.servisesec1cols .row .col-md-6.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.servisesec1cols img {
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    height: 200px;
}

.servicesec1 .container > .row {
    justify-content: center;
}

.testimonialSec1rows .row {
    flex-direction: column;
    gap: 45px;
}

.testimonialSec1rows .row .col-md-6 {
    flex: 0 0 auto;
    width: 100%;
}

.testimonialSec1rowsImg img {
    width: 40%;
}

.testimonialSec1 {
    padding: 50px 0;
}

.testimonialSec1rowscols2Content {
    padding: 20px 30px;
}

.contactSec1Inner .row {
    flex-direction: column;
    align-items: center;
    gap: 35px;
}

.contactSec1Inner .row .col-md-6 {
    width: 90%;
}

.contactSec1Inner {
    padding: 30px 15px;
}

section.sec5 .row {
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

section.sec5 .row .col-12 {
    width: 90%;
}

.sec5Rightcol img {
    height: 250px;
}

section.thankyouSec1 {
    padding: 10% 0;
}

section.thankyouSec1::before {
    height: 50%;
}

section.thankyouSec1::after {
    height: 50%;
}
}

@media only screen and (max-width: 767px) {
    
    section.thankyouSec1::before {
        height: 22%;
    }
    
    section.thankyouSec1::after {
        height: 22%;
    }
    
    .thankyouCards.thankyouCards1 {
    }
    
    .thankyouSec1Inner .row {gap: 20px;}
    
    .thankyouSec1Inner i {
        margin: 0 auto 4%;
    }
    
    .thankyouSec1Inner .row .col-lg-4.col-md-4 .thankyouCards {
        padding: 6% 3%;
    }

    .text-mark {
        padding: 15px 15px;
    }

    navbar.navberSec a.navbar-brand {
        width: 38%;
    }

    section.strugglesec.gostWritingSec1 {
        padding: 25px 0;
    }
    
    section.swipper3sec {
        padding: 4% 0 4%;
    }
    
    section.strugglesec.gostWritingSec3 {
        padding: 25px 0;
    }
    
    section.strugglesec .row {
        gap: 10px;
    }
    
    section.strugglesec.gostWritingSec3 h3 {
        padding: 2% 0 1%;
    }
    
    section.gostWritingSec4 .sec_title h2 {
        margin-bottom: 25px;
    }
    
    section.gostWritingSec6 {
        padding: 0px 5% 25px;
    }
    
    section.our-shelf.gostWritingSec7 {
        padding: 30px 0 10px;
    }
    
    section.strugglesec.gostWritingSec8 {
        padding: 25px 0;
    }
    
    section.strugglesec ul {
        padding: 20px 0 0;
    }
    
    section.gostWritingSec9 .gostWritingSec9Inner p br {
        display: none;
    }



    section.swipper3sec.gostWritingSec2 .col-md-2 {
        width: 30%;
    }
    
    section.swipper3sec.gostWritingSec2 .col-md-10 {
        width: 70%;
    }
    
    
    .gostWritingSec9::before {
        display: none;
    }
    
    .gostWritingSec9::after {
        display: none;
    }    

    section.strugglesec .row {
        gap: 25px;
    }

    header.mainHeader .col-md-6.col-12 {
        width: 100%;
    }
    
    section.sec1 .col-md-4.col-12 {
        width: 100%;
    }
    
    .swiper {
        width: 80%;
        height: 500px;
    }
    
    .testimonial {
        padding: 20px 20px 10px 20px;
    }
    
    section.sec1 h2 {
        margin-bottom: 25px;
    }
    
    .sec1Inner {
        margin-bottom: 15px;
    }
    
    section.sec2, section.sec3 {
        padding: 40px 0;
    }
    
    section.sec2 h2 {
        padding: 0 0 20px;
    }
    
    section.sec3 h2 {
        padding: 0 0 30px;
    }
    
    section.sec4 {
        padding: 20px 0 50px;
    }
    
    h2 {
        font-size: 26px;
    }
    
    h3 {
        font-size: 21px;
    }
    
    section.sec7 {
        padding: 50px 0 35px;
    }
    
    section.sec7 h2 {
        padding-bottom: 30px;
    }
    
    section.sec7 ul {
        margin: 10px 15px 0 15px;
        height: 260px !important;
    }
    
    section.sec7 h3 {
        padding: 15px 0 10px;
    }
    
    .sec6shape1, .sec6shape2, .sec6shape3, .sec6shape4 {
        display: none;
    }
    
    section.sec6 {
        padding-bottom: 50px;
    }
    
    .sec6Text h2 {
        padding: 10px 0 0;
    }
    
    .sec6Text p {
        padding: 12px 0 25px;
    }
    
    .copyright {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .divider {
        height: 96px;
        mask-size: 100% 75%;
        top: -70px;
    }
    
    div#navbarText {
        width: 54%;
    }

    .servicesec1 {
        padding: 50px 0 30px;
    }

    .testimonialSec1rows {
        padding: 25px 0;
    }

    .contactSec1 {
        padding: 50px 0 85px;
    }

    section.sec5 {
        padding: 50px 0;
    }

    .floatbutton {
        top: 0;
    }

    .popupFormTop {
        max-width: 500px;
    }
}

@media only screen and (max-width: 575px) {
    
    section.our-market {
    padding: 20px 0;
}

    h1 {
        font-size: 32px;
    }
    
    p {
        font-size: 14px;
    }
    
    section.sec1 {
        padding: 31px 0 0px;
    }
    
    section.sec1 h2 {
        margin-bottom: 15px;
    }
    
    .sec1img {
        height: 50px;
        width: 50px;
    }
    
    .sec1img img {
        width: 25px;
    }
    
    .sec1text h3 {
        padding: 15px 0 5px;
    }
    
    .sec1Inner {
        margin-bottom: 5px;
    }
    
    .sec1Inner {
        padding: 8px 10px;
    }
    
    .sect2rightlogo img {
        height: 35px;
        width: 35px;
    }
    
    .sect2rightlogo {
        height: 60px;
        min-width: 60px;
    }
    
    .sect2rightMain {
        gap: 15px;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h2 {
        font-size: 21px;
    }
    
    .sec3Rows {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    
    section.sec7 .row .col-md-4 {
        width: 100%;
    }
    
    h1 {text-align: center;}
    
    p {
        text-align: center;
    }
    
    .btns {
        justify-content: center;
    }
    
    .sect2rightMain {flex-direction: column;}
    
    .sect2rightlogo {
        width: 60px;
        margin: auto;
    }
    
    h3 {
        text-align: center;
    }
    
    section.sec2, section.sec3 {
        padding: 20px 0;
    }
    
    section.sec3 .sec3RowrigthCol span {
        margin: 0 auto 10px;
    }
    
    section.sec7 {
        padding: 35px 0 15px;
    }
    
    section.sec7 h2 {
        padding-bottom: 20px;
    }
    
    section.sec7 ul {
        height: 200px !important;
    }
    
    section.sec7 .sec7Cols {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    section.sec5 {
        padding: 30px 0;
    }
    
    .sec5LeftCol div#accordionExample .accordion-item {
        margin: 10px 0 !important;
    }
    
    section.sec5 .row {
        gap: 10px;
    }
    
    footer.footerSec .col-md-4, footer.footerSec .col-md-2 {
        width: 100%;
    }
    
    footer.footerSec ul li {
        padding: 0 0 5px;
    }
    
    footer.footerSec h6 {
        text-align: center;
    }
    
    footer.footerSec h5 {
        text-align: center;
        font-size: 18px;
    }
    
    footer.footerSec .col-md-4, footer.footerSec .col-md-2 {
        margin: 0px 0 25px;
    }
    
    .copyright {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
    }

    div#navbarText {
        width: 60%;
    }

p.contactSec1InnerCol2checkAgree {
    text-align: left;
}

.popupFormTop {
    max-width: 450px;
}

.popupInputRows {
    flex-direction: column;
    gap: 0;
}


h2 {
    text-align: center !important;
}

p {
    text-align: center !important;
}

section.gostWritingSec4 .feature_box h5 {
    text-align: center;
}

section.gostWritingSec4 .feature_box {
    text-align: center;
}

.our-shelf h5 {
    text-align: center;
}

.our-shelf h5:after {
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}



section.strugglesec ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.strugglesec ul i {
    display: none;
}

.testimonialText p {
    padding: 15px 0 12px;
}

}

@media only screen and (max-width: 480px) {
    .floatbutton {
        right: -310px;
        width: 360px;
    }
    
    .floatbutton .banner-form {
        width: 310px;
    }

    .floatbutton .banner-form h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .floatbutton .banner-form {
        padding: 15px;
    }
    
    .floatbutton .banner-form .ban-form input:not([type=checkbox]) {
        height: 45px;
        margin: 0 0 10px 0;
        padding: 10px 10px;
    }
    
    .floatbutton .banner-form .ban-form textarea {
        height: 80px;
    }
    
    .fldset button {
        margin: 15px 0 0;
    }
    
    .btns .btn1, .btns .btn2 {
        padding: 10px 17px 10px 17px;
    }

    .floatbutton {
        display: none;
    }

    .swiper {
        height: 500px;
    }

    div#navbarText {
        width: 100%;
    }

    .breadcrumbs {
        padding: 65px 0 65px;
    }
    
    .contactSec1 {
        padding: 35px 0 65px;
    }
    
    .contactSec1InnerCol2inputs {
        flex-direction: column;
    }
    
    footer.footerSec {
        padding-top: 50px;
    }
    
    .divider {
        height: 50px;
        mask-size: 100% 75%;
        top: -37px;
    }

    .testimonialSec1 {
        padding: 25px 0;
    }

    .testimonialSec1rowscols2Content {
        padding: 10px 15px;
    }

    .popupFormTop {
        max-width: 400px;
        padding: 30px 0px 20px 20px;
    }
    
    .popupForm {
        padding: 0px 20px 0px 0px;
    }
    navbar.navberSec a.navbar-brand {
        width: 42%;
    }
}

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

    navbar.navberSec a.navbar-brand {
        width: 48%;
    }

    h1 {
        font-size: 26px;
    }
    
    section.sec2::before {
        top: 6%;
    }
    
    .testimonial {
        padding: 20px 10px 10px 10px;
    }
    
    .swiper {
        height: 490px;
        width: 90%;
    }
    
    .testimonialText p {
        padding: 5px 0 12px;
    }
    
    .testimonialText i {
        padding: 15px 0 0;
    }
    
    section.sec5 .container-fluid {
        padding: 0;
        overflow: hidden;
    }

    .contactSec1InnerCol1 {
        padding-right: 0;
        border-right: 0px solid #eeeeee;
    }
    
    .contactSec1Inner .col-md-6.col-12 {
        padding: 0;
    }
    
    p.contactSec1InnerCol2checkAgree {
        padding: 0 0 10px 0px;
    }

    section.strugglesec.gostWritingSec11 .btns {
        flex-direction: column;
    }
    section.swipper3sec.gostWritingSec2 .col-md-2 {
        width: 35%;
    }
    section.swipper3sec.gostWritingSec2 .col-md-10 {
        width: 65%;
    }
    
}