@media (max-width:1280px) {
  .banner_counterr .counter_box p {
    font-size: 15px
  }

  .counter_box h2 {
    font-size: 35px
  }
}

@media only screen and (min-width:1025px) and (max-width:1500px) {
  .twoinmgbox {
    height: 650px
  }

  .twoinmgbox .twoinmgbox1 {
    width: 78%
  }

  .twoinmgbox::before {
    height: 200px
  }

  .cont-orgbk h3 {
    font-size: 68px
  }

  .inner-side-cont .num {
    font-size: 26px
  }

  .twoinmgbox .twoinmgbox2 {
    width: 65%
  }
}

@media all and (max-width :1199px) {

  .banner-conter h1,
  section.faq-sec h3 {
    font-size: 50px
  }

  ul.nav.main-nav {
    margin-right: 0
  }

  .banner-cont-box h3 {
    font-size: 35px
  }

  form.banner-form .col-12.col-md-6 {
    width: 100%
  }

  .cont-bk h3 {
    font-size: 30px
  }

  .mis-vis-tabs-menu li button {
    padding: 10px 20px
  }

  .mis-vis-pts {
    grid-template-columns: 42% 65%
  }
}

@media all and (max-width :991px) {

  section.faq-sec.p-section .col-12.col-sm-12.col-md-6,
  section.mis-vis-sec.p-section .mis-vis-tabs-menu li button,
  section.second-sec.p-section .col-12.col-sm-12.col-md-5.col-lg-5.col-xl-5.col-xxl-5,
  section.signup .row .col-md-9 {
    width: 100%
  }

  section.second-sec.p-section .col-12.col-sm-12.col-md-7.col-lg-7.col-xl-7.col-xxl-7 {
    width: 100%;
    margin-top: 60px
  }

  .custom-section-left h2 {
    font-size: 50px
  }

  img.sec-sec-arrow {
    display: none
  }

  .cont-orgbk h2,
  .cont-orgbk h3,
  .cont-orgwh h3 {
    font-size: 45px
  }

  .mis-vis-tabs-menu {
    display: flex;
    flex-direction: column;
    gap: 10px
  }

  section.p-section .cont-orgbk ul {
    margin: 20px 0 0 20px
  }

  section.faq-sec.p-section .col-12.col-sm-12.col-md-5.offset-md-1.d-flex.justify-content-end {
    display: none !important
  }
}

@media only screen and (max-width:767px) {
  .justify-content-sm-center {
    justify-content: space-between !important
  }

  .mobile-nav {
    z-index: 999
  }

  section.home-banner .col-12.col-sm-6.col-md-7 {
    width: 100%
  }
}

@media all and (max-width :767px) {

  .banner-conter,
  .cont-orgbk h3,
  .cont-orgbk p,
  .cont-whbk,
  .cont-whbk p,
  .mis-vis-tabs-cont .tab-pane,
  .req-box,
  span.sub-text {
    text-align: center
  }

  section.book-banner .row,
  section.book1.secondary-color .row {
    gap: 44px 0
  }

  section.book-banner .primary-color {
    font-size: 40px
  }

  .cont-bk h3,
  .cont-orgbk h3,
  .cont-orgwh h3,
  .cont-whbk h3,
  .inner-side-cont h3,
  .inner-side-menu h3 {
    font-size: 42px
  }

  .book-banner {
    padding: 60px 0 0
  }

  .col-md-2,
  .col-md-4,
  footer.footer .col-md-3,
  section.home-banner .col-12.col-sm-6,
  section.inner-banner .col-7 {
    width: 100%
  }

  .circle-bg img {
    max-width: 80% !important
  }

  .twoinmgbox .twoinmgbox1 {
    height: 280px
  }

  .twoinmgbox .twoinmgbox2 {
    height: 290px
  }

  .p-section {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  section.home-banner {
    height: unset;
    padding: 13rem 0 3rem
  }

  section.second-sec.p-section .col-12.col-sm-12.col-md-7.col-lg-7.col-xl-7.col-xxl-7 {
    margin-top: 10px
  }

  .mobile-nav {
    top: 27%;
    z-index: 5
  }

  .mobile-nav>div.show {
    height: unset;
    overflow-y: unset
  }

  .banner_counterr {
    display: flex;
    justify-content: space-between;
    height: 200px;
    align-items: center
  }

  .banner_counterr .counter_box {
    position: unset !important;
    width: 30%
  }

  section.custom-section {
    background-position: center
  }

  section.second-sec.p-section .col-12.col-sm-12.col-md-7.col-lg-7 .choose-us-box-wrap {
    gap: 20px 0
  }

  section.second-sec.p-section .col-12.col-sm-12.col-md-7.col-lg-7 .choose-us-box-wrap .col-md-4 {
    width: 50%
  }

  section.second-sec.p-section .col-12.col-sm-12.col-md-7.col-lg-7 .choose-us-box-wrap .col-md-4 .ser-box {
    margin: 0 !important
  }

  button.navbar-toggler {
    background: #bf9f2d
  }

  header .header-logo {
    width: 40%;
    justify-content: start !important
  }

  section.faq-sec h3,
  section.request-sec.pb-section .cont-bk h3,
  section.signup h2 {
    font-size: 35px
  }

  header.sticky.fixed {
    padding-top: 2rem !important
  }

  header.sticky.fixed .header-logo {
    width: 30%
  }

  header::after {
    width: 60%
  }

  .inner-banner .banner-conter h1 {
    font-size: 42px;
    width: unset
  }

  .mobile-nav ul.nav.main-nav {
    margin: unset
  }

  a.link {
    padding-left: unset;
    color: #000
  }

  img.ban-arrow,
  img.sec-sec-arrow {
    display: none
  }

  .req-box {
    padding: 2rem;
    display: block
  }

  .cont-orgbk,
  .mis-vis-pts {
    display: flex
  }

  .cont-bk {
    padding-right: 0
  }

  .req-btn {
    margin-top: 1rem
  }

  .portfolio-tab-menu ul {
    justify-content: center
  }

  .twoinmgbox {
    height: 460px
  }

  .ser-box {
    margin-bottom: 1.5rem
  }

  .cont-whbk {
    margin-bottom: 3rem
  }

  .cont-whbk p {
    width: unset
  }

  .inner-img2 {
    position: relative;
    width: unset;
    height: 380px
  }

  .cont-orgbk {
    flex-direction: column-reverse;
    margin-top: 30px
  }

  .img-fluid {
    width: 170px
  }

  .mis-vis-tabs-menu li {
    margin: 5px
  }

  .mis-vis-tabs-menu {
    border: 0;
    justify-content: center;
    flex-direction: row-reverse
  }

  img.mis-sec-img {
    margin: auto;
    display: block
  }

  section.signup::before {
    bottom: -20px;
    width: 128px;
    height: 86px
  }

  .ft-logo a img {
    width: 26%
  }

  .ft-cont p,
  .mobile-nav ul.nav.main-nav li {
    text-align: left
  }

  .inner-side-cont .num,
  .inner-side-cont .num svg {
    font-size: 28px
  }

  .banner-conter p {
    width: unset
  }

  .banner-conter h1 {
    font-size: 48px
  }
}

@media only screen and (max-width:980px) and (min-width:320px) {

  nav.mobile-view,
  section {
    overflow: hidden
  }

  a#cross,
  nav.mobile-view {
    position: fixed;
    display: none
  }

  h1,
  h2 {
    line-height: 34px
  }

  .get-started-form h3,
  h2 {
    font-size: 30px
  }

  header ul.menu li {
    display: block !important;
    padding: 15px 30px !important;
    text-align: left;
    transition: .25s
  }

  #menu-list {
    display: block
  }

  .mobile-screen {
    position: relative;
    display: block
  }

  .mobile-screen #list-btn {
    display: block;
    color: #29abe1;
    position: absolute;
    top: -60px;
    right: 0;
    font-size: 35px;
    transition: .5s;
    -webkit-transition: .25s;
    z-index: 99999999
  }

  a#cross {
    top: 5px;
    right: 20px;
    font-size: 35px;
    z-index: 9999999999;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    animation: 2s linear infinite heartBeat
  }

  nav.mobile-view {
    background: #050a21;
    height: 100%;
    width: 100% !important;
    left: 150%;
    top: 0;
    bottom: 0;
    padding-top: 70px;
    z-index: 99911 !important;
    overflow-y: scroll;
    transition: ease-In-Out .8s;
    -webkit-transition: ease-In-Out .8s
  }

  .circle-bg,
  header {
    padding: 0
  }

  header nav ul li.dropdown:hover .dropdown-menu {
    left: 17%;
    top: 38px;
    background: #1a80c5;
    padding: 10px 0
  }

  header nav ul li .dropdown-menu a {
    padding: 7px 15px !important;
    font-size: 14px !important;
    text-align: left
  }

  .submenu-list:hover .dropdown-menu-submenu {
    position: absolute;
    left: 40%;
    top: 30px;
    z-index: 999 !important;
    background: #195878
  }

  .nav-bar {
    padding: 10px 0 0
  }

  .nav-bar ul.menu li a.active {
    color: #fff !important
  }

  .container {
    width: auto !important
  }

  p {
    font-size: 15px !important;
    line-height: 22px !important
  }

  footer ul.menu li a {
    line-height: 32px;
    text-align: center;
    font-size: 16px
  }

  .copyright {
    text-align: center;
    margin: 0;
    padding: 20px 0
  }

  h1 {
    font-size: 34px;
    letter-spacing: -1px;
    padding-top: 10px
  }

  .banner {
    margin-top: -185px
  }

  .top-bar .menu li {
    display: inline-block !important;
    padding: 2px 0 !important
  }

  .top-bar ul.menu {
    display: block;
    text-align: center
  }

  .trusted-images ul li {
    padding-right: 14px
  }

  .get-started-form form {
    padding: 30px 20px
  }

  .get-started-form {
    width: 100%;
    margin-top: 30px
  }

  img {
    max-width: 100% !important
  }

  .book-pub .pub-column h3,
  .illustration .illust-content h3 {
    font-size: 20px
  }

  span.d-block {
    display: contents !important
  }

  .icon-content {
    margin-right: 10px;
    height: auto;
    top: -120px;
    padding-bottom: 10px
  }

  .icon1:hover~.icon-content {
    position: absolute;
    z-index: 9
  }

  .ser-book {
    margin: 10px 0
  }

  .illustration .illust-content {
    padding: 40px 10px
  }

  .illustration-testmonial .slider {
    padding-top: 100%
  }

  .illustration-testmonial .slider label {
    margin: 7px 1px
  }

  .illustration-testmonial .slider label img {
    width: 50px;
    height: 50px
  }

  .illustration h5 {
    font-size: 20px;
    padding-bottom: 10px
  }

  .illustration h4 {
    font-size: 21px;
    line-height: 22px
  }

  .mission h4 {
    font-size: 19px
  }

  .signup textarea.required.input-control.form-control,
  .signup-form input.input-control {
    width: 49%
  }

  .signup textarea.required.input-control.form-control {
    width: 99%
  }

  .signup input[type=date] {
    width: 56%
  }

  .testmonial [class*=col-md-4] {
    width: 33%
  }

  .faq-sec h2 {
    font-size: 27px
  }

  .faq-sec .card-header a {
    font-size: 15px;
    padding: 6px 10px 6px 0
  }

  .faq-sec .card-header a.card-link.collapsed:after {
    top: 40px;
    right: 0
  }

  footer h6 {
    padding: 30px 0
  }

  .copyright a,
  .copyright p {
    font-size: 15px;
    text-align: center;
    padding: 20px 0
  }

  .pub-icons-parent {
    padding-top: 50px
  }

  .publishing-icons .icon1 {
    width: 100px;
    height: 100px
  }

  .publishing-icons h5 {
    font-size: 15px
  }

  .publishing-icons span.d-block {
    display: block !important
  }

  .get-started-form:before,
  .publishing-icons .icon1::after,
  .whatsapp-rapper i::after {
    display: none
  }

  .book-writing .banner-img,
  .cta {
    padding-top: 40px
  }

  .book-banner h2 {
    font-size: 40px;
    margin-top: -15px;
    line-height: 36px
  }

  h2.stork-text {
    font-size: 39px
  }

  h3.bookwriting {
    font-size: 35px;
    line-height: 31px
  }

  .thankyou {
    padding: 200px 0 40px
  }

  .whatsapp-rapper i {
    left: 20px;
    bottom: 10px
  }
}

@media only screen and (max-width:980px) and (min-width:768px) {
  .tab ul {
    padding: 0;
    margin: auto
  }

  .tab li.tablinks {
    width: 21%
  }

  .tabcontent {
    margin: auto;
    max-width: 90%
  }

  .port-img {
    width: 49%
  }

  .portfolio .bg-circle .port-content {
    width: 50%
  }
}

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

  .port-img,
  .portfolio .bg-circle .port-content {
    width: 100%;
    padding: 0
  }

  .tabcontent img {
    height: 360px
  }

  .portfolio .bg-circle::before {
    width: 100%;
    height: 360px
  }

  .portfolio .bg-circle {
    height: auto
  }

  .portfolio ul.menu {
    margin: 0
  }

  .port-img {
    display: flex;
    justify-content: center
  }

  .port-content {
    vertical-align: baseline;
    width: 100%;
    padding-top: 0
  }

  .tab li.tablinks {
    width: 12%
  }
}