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

  .ptb-100 {

    padding-top: 20px;

    padding-bottom: 40px;

  }

  .pt-100 {

    padding-top: 50px;

  }

  .pb-100 {

    padding-bottom: 50px;

  }

  .ptb-70 {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .pt-70 {

    padding-top: 20px;

  }

  .pb-70 {

    padding-bottom: 20px;

  }

  .pt-30 {

    padding-top: 30px;

  }

  .pl-20 {

    padding-left: 0px;

  }

  .pr-20 {

    padding-right: 0px;

  }

  :root {

    --card-title-fontSize: 22px;

    --fontSize: 15px;

  }

  .default-section-title h3 {

    font-size: 25px;

  }

  .section-content {

    margin-top: 0px;

  }

  .slider-area .owl-nav {

    position: relative;

    bottom: 0;

    top: unset;

    width: unset;

    text-align: center;

    margin-top: 20px;

  }

  .slider-area .owl-nav button {

    margin: 0px 3px;

  }

  .slider-area .owl-nav .owl-prev {

    position: relative;

    left: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  .slider-area .owl-nav .owl-next {

    position: relative;

    right: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  /*================================================

    Index 01 Banner Area CSS

    =================================================*/

  .banner-text-area {

    text-align: center;

    margin-right: auto;

    margin-bottom: 30px;

    padding-top: 60px;

  }

  .banner-text-area h1 {

    font-size: 30px;

  }

  .home-banner .banner-content {

    padding: 0px;

  }

  .home-banner .banner-social-area {

    display: none;

  }

  .banner-img-area .bn-1 {

    width: 40%;

    left: 0;

  }

  /*================================================

    Index 01 About Area CSS

    =================================================*/

  .about-text-area {

    margin-top: 30px;

  }

  /*================================================

    Index 01 Service Area CSS

    =================================================*/

  .service-bg {

    padding-bottom: 250px;

  }

  /*================================================

    Index 01 Video Area CSS

    =================================================*/

  .video-area {

    background-image: unset;

    height: auto;

  }

  .video-area img {

    display: block;

    margin-bottom: 30px;

  }

  .video-form-area {

    padding: 30px;

  }

  /*================================================

    Index 01 Testimonial Area CSS

    =================================================*/

  .testimonial-card .stars {

    position: relative;

    right: unset;

    top: unset;

    margin-bottom: 15px;

  }

  /*================================================

    Index 01 Portfolio Area CSS

    =================================================*/

  .portfolio-card .portfolio-card-text {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  /*================================================

    Index 01 Why We Area CSS

    =================================================*/

  .why-we-content .default-section-title {

    margin-bottom: 30px;

  }

  .why-we-card .why-we-card-img {

    background-image: unset;

    height: auto;

  }

  .why-we-card .why-we-card-img img {

    display: block;

  }

  .why-we-card .why-we-card-img i {

    top: unset;

    bottom: -20px;

    left: 50%;

    right: unset;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  .why-we.service-bg {

    padding-bottom: 150px;

  }

  /*================================================

    Index 01 Fun Facts Area CSS

    =================================================*/

  .fun-fact-card {

    padding: 0px;

    text-align: center;

  }

  .fun-fact-card i {

    width: 70px;

    height: 70px;

    position: relative;

    margin-bottom: 15px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  /*================================================

    Index 01 Team Area CSS

    =================================================*/

  .team-card .team-card-img .team-social-icons {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  /*================================================

    Index 01 Footer Area CSS

    =================================================*/

  .footer-links {

    margin-top: 30px;

  }

  /*================================================

    Index 02 Main banner Area CSS

    =================================================*/

  .main-banner {

    padding-bottom: 50px;

  }

  .main-banner .banner-text-area {

    max-width: 90%;

    padding-top: 0px;

  }

  .main-banner .owl-nav {

    top: unset;

    left: 50%;

    bottom: 20px;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  .main-banner .owl-nav button {

    margin: 0px 5px;

    height: auto;

  }

  .main-banner-img {

    padding-left: 0px;

  }

  .main-banner-img .video-play-button {

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

  .slider-area-2 .owl-nav {

    top: -85px;

  }

  .ww-img-area-2 {

    background-image: unset;

    height: auto;

  }

  .ww-img-area-2 img {

    display: block;

  }

  .why-we-2-text-area {

    padding-top: 30px;

    padding-bottom: 0px;

  }

  .potfolio-img-2 .portfolio-card-text {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

    padding: 20px;

  }

  .potfolio-img-2 .portfolio-card-text h4 {

    font-size: 20px;

  }

  .potfolio-img-2 .portfolio-card-text p {

    font-size: 14px;

  }

  /*================================================

    Index 02 Newsletter Area CSS

    =================================================*/

  .newsletter {

    border-top: 1px solid transparent;

  }

  .newsletter .newsletter-content {

    padding: 30px 0px;

    text-align: center;

  }

  .newsletter .newsletter-content h3 {

    font-size: 25px;

    margin-bottom: 15px;

  }

  .newsletter .newsletter-content .default-button {

    float: unset;

  }

  .banner-bg-3 .banner-content {

    padding-top: 0px;

  }

  /*================================================

    Index 03 Banner Area CSS

    =================================================*/

  .banner .owl-nav {

    position: relative;

    top: unset;

    bottom: 20px;

    -webkit-transform: unset;

            transform: unset;

    text-align: center;

  }

  .banner .owl-nav button {

    margin: 0px 5px;

  }

  .banner .owl-nav .owl-next {

    position: relative;

    right: unset;

  }

  .banner .owl-nav .owl-prev {

    position: relative;

    left: unset;

  }

  .banner .banner-content {

    padding-top: 0px;

    padding-bottom: 60px;

  }

  /*================================================

    Index 03 Why We Area CSS

    =================================================*/

  .why-we-3-text-areas {

    padding-top: 0px;

  }

  .why-we-3-text-area {

    margin-right: 0px;

    padding-top: 0px;

    padding-right: 0px;

  }

  /*================================================

    Index 03 Uni Banner Area CSS

    =================================================*/

  .uni-banner-text-area {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .uni-banner-text-area h1 {

    font-size: 25px;

  }

  .showTitle,.portfolio-img-3 .portfolio-card-text h4 {

    font-size: 15px;

  }

  /*================================================

    Index 03 Service Details Area CSS

    =================================================*/

  .service-details-text-area h3 {

    font-size: 24px;

  }

  /*================================================

    Sidebar Area CSS

    =================================================*/

  .blog-sidebar .row .col-lg-8 {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

  .blog-sidebar .row .col-lg-4 {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

  .popular-post .popular-post-card .pp-card-text {

    max-width: 250px;

  }

  .popular-post .popular-post-card .pp-card-text h5 {

    font-size: 14px;

  }

  /*================================================

    Blog Details Area CSS

    =================================================*/

  .blog-details-text-area .blog-card-text h4 {

    font-size: 22px;

  }

  .blog-details-text-area .blog-card-text .blog-qoute {

    padding: 20px;

  }

  .blog-details-text-area .blog-card-text .blog-qoute i {

    color: #ccccccde;

  }

  .blog-details-text-area .blog-card-text .blog-qoute p {

    position: relative;

    font-size: 17px;

  }

  /*================================================

    FAQ Area CSS

    =================================================*/

  .accordion-item .accordion-button {

    font-size: 17px;

  }

  .accordion-item .accordion-button i {

    height: 50px;

  }

  .accordion-item .accordion-body {

    padding: 10px;

  }

  .faq-img-area {

    background-image: unset;

    height: auto;

  }

  .faq-img-area img {

    display: block;

  }

  .faq-text-content {

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .faq-text-area {

    background-color: var(--whiteColor);

    position: relative;

    margin-left: 0px;

    padding: 30px 0px 0px 0px;

  }

  /*================================================ 

    Contact Area CSS

    =================================================*/

  .form_map .section-content {

    margin-top: 30px;

  }

  .contact-form {

    margin-top: 30px;

    padding: 20px;

  }

  .map-area {

    height: 200px !important;

  }

  .terms-content h3 {

    font-size: 22px;

  }

  .showTitle{

    width: 88%;

  }



}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  /*================================================

    Index 01 Footer Area CSS

    =================================================*/

  .footer-contact {

    margin-top: 0px;

  }

  .popular-post .popular-post-card {

    padding-left: 0px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .popular-post .popular-post-card .pp-card-img {

    position: relative;

    margin-right: 15px;

  }

  .popular-post .popular-post-card .pp-card-text h5 {

    font-size: 16px;

  }

  /*================================================

    Blog Details Area CSS

    =================================================*/

  .blog-details-text-area .blog-card-text .blog-qoute {

    padding-left: 100px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ptb-100 {

    padding-top: 20px;

    padding-bottom: 50px;

  }

  .pt-100 {

    padding-top: 80px;

  }

  .pb-100 {

    padding-bottom: 80px;

  }

  .ptb-70 {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .pt-70 {

    padding-top: 50px;

  }

  .pb-70 {

    padding-bottom: 50px;

  }

  .pt-30 {

    padding-top: 30px;

  }

  .pl-20 {

    padding-left: 0px;

  }

  .pr-20 {

    padding-right: 0px;

  }

  :root {

    --card-title-fontSize: 22px;

    --fontSize: 15px;

  }

  .default-section-title h3 {

    font-size: 32px;

  }

  .section-content {

    margin-top: 0px;

  }

  .slider-area .owl-nav {

    position: relative;

    bottom: 0;

    top: unset;

    width: unset;

    text-align: center;

    margin-top: 20px;

  }

  .slider-area .owl-nav button {

    margin: 0px 3px;

  }

  .slider-area .owl-nav .owl-prev {

    position: relative;

    left: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  .slider-area .owl-nav .owl-next {

    position: relative;

    right: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  .showTitle {

    font-size: 17px;

  }

  

  /*================================================

    Index 01 Banner Area CSS

    =================================================*/

  .banner-text-area {

    text-align: center;

    margin-right: auto;

    margin-bottom: 30px;

    padding-top: 60px;

  }

  /*================================================

    Index 01 About Area CSS

    =================================================*/

  .about-text-area {

    margin-top: 30px;

  }

  /*================================================

    Index 01 Service Area CSS

    =================================================*/

  .service-bg {

    padding-bottom: 280px;

  }

  /*================================================

    Index 01 Video Area CSS

    =================================================*/

  .video-area {

    background-image: unset;

    height: auto;

  }

  .video-area img {

    display: block;

    margin-bottom: 30px;

  }

  /*================================================

    Index 01 Testimonial Area CSS

    =================================================*/

  .testimonial-card .stars {

    position: relative;

    right: unset;

    top: unset;

    margin-bottom: 15px;

  }

  /*================================================

    Index 01 Why We Area CSS

    =================================================*/

  .why-we-content .default-section-title {

    margin-bottom: 30px;

  }

  .why-we-card .why-we-card-img {

    background-image: unset;

    height: auto;

  }

  .why-we-card .why-we-card-img img {

    display: block;

  }

  .why-we-card .why-we-card-img i {

    top: unset;

    bottom: -20px;

    left: 50%;

    right: unset;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  /*================================================

    Index 01 Fun Facts Area CSS

    =================================================*/

  .fun-fact-card {

    padding: 0px;

    text-align: center;

  }

  .fun-fact-card i {

    width: 70px;

    height: 70px;

    position: relative;

    margin-bottom: 15px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  /*================================================

    Index 01 Footer Area CSS

    =================================================*/

  .footer-links {

    margin-top: 30px;

  }

  .footer-contact {

    margin-top: 0px;

  }

  /*================================================

    Index 02 Main banner Area CSS

    =================================================*/

  .main-banner {

    padding-bottom: 50px;

  }

  .main-banner .banner-text-area {

    max-width: 80%;

  }

  .main-banner .banner-text-area h1 {

    font-size: 60px;

  }

  .main-banner .owl-nav {

    top: unset;

    left: 50%;

    bottom: 20px;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  .main-banner .owl-nav button {

    margin: 0px 5px;

    height: auto;

  }

  .main-banner-img .video-play-button {

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

  .ww-img-area-2 {

    background-image: unset;

    height: auto;

  }

  .ww-img-area-2 img {

    display: block;

  }

  .why-we-2-text-area {

    padding-top: 30px;

    padding-bottom: 0px;

  }

  /*================================================

    Index 02 Newsletter Area CSS

    =================================================*/

  .newsletter .newsletter-content h3 {

    font-size: 30px;

  }

  /*================================================

    Index 03 Banner Area CSS

    =================================================*/

  .banner .owl-nav {

    position: relative;

    top: unset;

    bottom: 20px;

    -webkit-transform: unset;

            transform: unset;

    text-align: center;

  }

  .banner .owl-nav button {

    margin: 0px 5px;

  }

  .banner .owl-nav .owl-next {

    position: relative;

    right: unset;

  }

  .banner .owl-nav .owl-prev {

    position: relative;

    left: unset;

  }

  .banner .banner-content {

    padding-top: 0px;

    padding-bottom: 80px;

  }

  /*================================================

    Index 03 Why We Area CSS

    =================================================*/

  .why-we-3-text-areas {

    padding-top: 0px;

  }

  .why-we-3-text-area {

    margin-right: 0px;

    padding-top: 0px;

    padding-right: 0px;

  }

  /*================================================

    Uni Banner Area CSS

    =================================================*/

  .uni-banner-text-area {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .uni-banner-text-area h1 {

    font-size: 30px;

    margin-bottom: 5px;

}

  /*================================================

    Sidebar Area CSS

    =================================================*/

  .blog-sidebar .row .col-lg-8 {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

  .blog-sidebar .row .col-lg-4 {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

  .popular-post .popular-post-card {

    padding-left: 0px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .popular-post .popular-post-card .pp-card-img {

    position: relative;

    margin-right: 15px;

  }

  /*================================================

    Blog Details Area CSS

    =================================================*/

  .blog-details-text-area .blog-card-text .blog-qoute {

    padding-left: 100px;

  }

  /*================================================

    FAQ Area CSS

    =================================================*/

  .faq-img-area {

    background-image: unset;

    height: auto;

  }

  .faq-img-area img {

    display: block;

  }

  .faq-text-content {

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .faq-text-area {

    background-color: var(--whiteColor);

    position: relative;

    margin-left: 0px;

    padding: 30px 0px 0px 0px;

  }

  /*================================================ 

    Contact Area CSS

    =================================================*/

  .form_map .section-content {

    margin-top: 30px;

  }

  .contact-form {

    margin-top: 30px;

  }

  .map-area {

    height: 250px !important;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .slider-area .owl-nav {

    position: relative;

    bottom: 0;

    top: unset;

    width: unset;

    text-align: center;

    margin-top: 20px;

  }

  .slider-area .owl-nav button {

    margin: 0px 3px;

  }

  .slider-area .owl-nav .owl-prev {

    position: relative;

    left: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  .slider-area .owl-nav .owl-next {

    position: relative;

    right: unset;

    -webkit-transform: unset;

            transform: unset;

  }

  /*================================================

    Index 01 Banner Area CSS

    =================================================*/

  .banner-content h1 {

    font-size: 50px;

  }

  .home-banner .banner-social-area {

    left: -2%;

  }

  .banner-img-area .bn-1 {

    width: 40%;

  }

  /*================================================

    Index 01 Video Area CSS

    =================================================*/

  .video-form-area {

    padding: 30px;

  }

  /*================================================

    Index 01 Fun Facts Area CSS

    =================================================*/

  .fun-fact-card {

    padding: 0px;

    text-align: center;

  }

  .fun-fact-card i {

    width: 70px;

    height: 70px;

    position: relative;

    margin-bottom: 15px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  /*================================================

    Index 01 Blog Area CSS

    =================================================*/

  .blog-card .blog-card-text {

    padding-left: 20px;

    padding-right: 20px;

  }

  .blog-card .blog-card-text h4 {

    font-size: 22px;

  }

  /*================================================

    Index 01 Footer Area CSS

    =================================================*/

  .footer-social-icons ul li span {

    margin-right: 0px;

  }

  /*================================================

    Index 02 Main banner Area CSS

    =================================================*/

  .main-banner .banner-text-area {

    max-width: 465px;

  }

  .main-banner .owl-nav {

    top: unset;

    left: 50%;

    bottom: 5px;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  .main-banner .owl-nav button {

    margin: 0px 5px;

    height: auto;

  }

  /*================================================

    Index 02 Newsletter Area CSS

    =================================================*/

  .newsletter .newsletter-content h3 {

    font-size: 30px;

  }

  /*================================================

    Index 03 Banner Area CSS

    =================================================*/

  .banner .owl-nav {

    position: relative;

    top: unset;

    bottom: 20px;

    -webkit-transform: unset;

            transform: unset;

    text-align: center;

  }

  .banner .owl-nav button {

    margin: 0px 5px;

  }

  .banner .owl-nav .owl-next {

    position: relative;

    right: unset;

  }

  .banner .owl-nav .owl-prev {

    position: relative;

    left: unset;

  }

  .banner .banner-content {

    padding-top: 80px;

    padding-bottom: 80px;

  }

  /*================================================

    Index 03 Uni Banner Area CSS

    =================================================*/

  .uni-banner-text-area {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .uni-banner-text-area h1 {

    font-size: 60px;

  }

  /*================================================

    Blog Details Area CSS

    =================================================*/

  .blog-details-text-area .blog-card-text .blog-qoute {

    padding-left: 100px;

  }

  .ptb-100{

    padding: 30px 0 60px;

  }

  .showTitle{

    font-size: calc(1rem + 0.3vw);

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  /*================================================

    Index 01 Banner Area CSS

    =================================================*/

  .banner-content h1 {

    font-size: 49px;
    font-family: var(--fontFamily3);
    font-weight: 700;
    line-height: 50px;

  }

  .main-banner .banner-text-area {

    max-width: 560px;

  }

}



@media only screen and (min-width: 1180px){

  .infrastrupage {

    padding-bottom: 10px;

  }

}

@media only screen and (min-width: 1550px) {

  .home-banner .banner-social-area {

    left: 2%;

  }

  .banner-img-area .bn-2 {

    width: 70%;

  }

  .slider-area .owl-nav .owl-next {

    right: -50px;

  }

  .slider-area .owl-nav .owl-prev {

    left: -50px;

  }

  .main-banner .owl-nav {

    left: 5%;

  }

  .banner .owl-nav .owl-next {

    right: 5%;

  }

  .banner .owl-nav .owl-prev {

    left: 5%;

  }

  .fixBoxInBott {

      display: none;

  }

}

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

  .service-bg {

    padding-bottom: 80px;

  }

  .banner-content h1{

    font-size: 45px;

  }



  /*Product page style here*/

  .closeBox{

    display:block;

  }

  .leftBox{

    position:absolute;

    top: auto;

    bottom:0;

  }

  .fixBoxInBott {

    position: fixed;

    bottom: 0;

    background: #ca9c6a;

    width: 100%;

    left: 0;

    padding: 10px;

    min-height: 50px;

    z-index: 19;

    text-align:center;

}

.innMenuBox {

  background: transparent;

  border:none;

  font-size: 21px;

  color: #fff;

  font-weight: 600;

}

.innMenuBox i{

  color:#fff;

}

.gridBox{

  width:100%;

}



.mainSideBox{

  position: fixed;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 272px;

  /* background:#111212d6; */

  background:#191c28c4;

  padding: 15px;

  z-index: 99999;

  /* display: none; */

  overflow: scroll;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

}

.mainSideBox.shadow{

      /* display: block; */

      -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

      transform: translateY(0);

}

.widget.widget_nav_menu {

  padding-right:0px;

}

.closeBox{

  text-align:right;

}

.closeBox span{

  color: #fff;

  font-size: 19px;

  margin-bottom: 15px;

  display: block;

}



/*Product page style end here*/



.imgContainer.twoGrid{

    gap: 10px 25px;

}







}

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

  .why-two-grid{

    margin-top: -105px;

  }

  .home-banner{

    height: 360px;

  }

  .clientBox, .infrastructureBox, .qualitypolicyBox {

    padding: 40px 0;

    padding-bottom: 20px;

  }

  .aboutPage{

    padding: 35px 0;

  }

  .companyBox ul li h5 {

    font-size: 16px;  

  }

  .unorderList{

    padding: 10px 15px 10px 45px;

  }

  .unorderList li{

    width:100%;

  }

  .imgContainer.twoGrid{

      gap: 170px 25px;

  }

  .imgContainer.twoGrid figure{

    width:100%;

    padding: 10px;

    margin: 0;

  }

  figcaption,.sortBox.sortS2 figcaption{

      top: auto;

      right: 0;

      left: 50%;

      bottom: -140px;

      transform: translateX(-50%);  

  }

  .infrastrupage{

    padding-bottom: 145px;

  }

  .imgContainer{

    margin-top:0;

  }

}

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

  .topbar{

    display:none;

  }

  .mobile-nav .logo{

    top: 3px;

  }

  .why-two-grid{

    grid-template-columns: 1fr;

    margin-top: 20px;

  }

  .why-we.service-bg {

    padding-bottom: 50px;

  }

  .home-banner{

    background-attachment: unset;

  }

  .__cf_email__ {

    word-break: break-all;  

  }

  .gridMain figure{

    flex-direction: column-reverse;

  }

  .imgContainer.twoGrid {

    gap: 30px 25px;

    }

  figcaption{

    position: relative;

    width: 100%;

    min-height: auto;

    top: unset;

    right: unset;

    left: unset;

    bottom: unset;

    transform: unset;

  }

}

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

  .companyBox ul{

    flex-wrap: wrap;

  }

  .companyBox ul li{

    width:47%;

  }

  .infrastrupage {

      padding-top: 40px;

      padding-bottom: 40px;

  }

}

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

  .unorderList li{

    font-size:16px;

  }
  figcaption, .sortBox.sortS2 figcaption{
    bottom: 0;
  }

}

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

  .mobile-nav .logo {

    top: 23px;

  }

  .mobile-nav .logo img {

    height: 35px;

  }

  .companyBox ul li{

    width:100%;

  }

}