/*---------------- Media Query ----------------*/

@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px!important;
  }
}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }
}

@media(min-width: 992px) {
  .header_fixed .header-btn {
    background:unset;
    color: unset;
    clip-path: unset;
    color: #444;
  }

  .header_fixed .header-btn {
    color: #444 !important
  }

  .header_fixed .header-btn.active {
    color: #d81712 !important;
  }

  .header-btn:before {
    border-color: white !important;
    opacity: 1 !important;
  }

  .header_fixed .header-btn:before {
    border-color: #444 !important;
    opacity: 1 !important;
  }

  .header_fixed .header-btn.active:before {
    border-color: #000000 !important;
    opacity: 1 !important;
  }

  .header_fixed .header-btn:before {
    border-color: #444;
  }

  .pt-lg-75{
    padding-top:75px;
  }
}

@media(max-width:991px){

  .last-nav .menu-1 a{
    color: black;
  }
  .header{
    background: #ffffff;
  }

  .navbar-toggler{
    line-height: 0;
    border-radius:0;
    color:black;
    font-size: 28px;
    padding:10px 15px;
    box-shadow:unset !important;
    outline: unset;
  }

  .header_fixed {
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.07);
  }

  .hero-expirence-png {
    position: absolute;
    right: 15px;
    transform: rotate(25deg);
    z-index: 2;
  }

  .hero-section,.heroSlider .swiper-slide{
    min-height: calc(100vh - 55px);
    /* height: 400px; */
  }

  .heroSlider .h1{
    font-size:26px;
  }

  .page-heading{
    padding-left:70px;
  }

  .bg-light {
    background-color: #f6f6f6!important;
  }

  .menu-1 > ul{
    display:flex;
    flex-flow:column;
    width:100%;
    
  }
  
  .menu-1 a{
    width:100%;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
  }

  .menu-1 .navbar-nav{
    max-height:calc(100vh - 150px);
    overflow:auto;
  }

  .menu-1 .dropdown-menu{
    width:calc(100% );
    margin:auto;
    background:#444;
    box-shadow:unset;
  }

  .menu-1 .dropdown-menu a{
    color:white;
    border:unset;
  }

  .menu-1 .dropdown-menu li a{
    border-bottom:1px solid rgb(0, 0, 0,0.1);
  }

  .menu-1 .dropdown-menu li a:hover{
    background-color:black;
  }
    
}

@media(min-width:768px){



.services-menu-child-show li a{
   margin-left: 30px !important;
}
  .last-nav .menu-1 a {
    /* color: black; */
}
  .l-sm--20 {
    left: -20%
  }

  .w-sm-120 {
    min-width: 120%
  }


}


@media(max-width:767px){

.owner-info {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hero-left-content h1 {
    color: #080808!important;
    -webkit-text-stroke-width: unset;
    -webkit-text-stroke-color: unset;
}

.about-style-one .about-card {
    left: -1px;
    bottom: -100px;
}
.about-card {
    padding: 20px;
}

.project-section .project-left-details {
    max-width: unset;
    min-width: unset;
}  
.services-details__content h3 {
    font-size: 25px;
}
.phone-number p {
    margin: 0;
    color: #000000;
}
.form-title {
    font-size: 25px;
}

.right-panel {
    width: 100%!important;
}
.help-contact a {
    font-size: 25px;
  }

  .help-title {
    font-size: 25px;

}
  .pt-100{
    padding-top: 50px;
  }
.pb-100{
  padding-bottom: 50px;
}
  .tp-section-title {
    font-size: 25px;

}
.menu-1 a {
    color: black!important;
}
.services--main .theme-btn{
  width:100%;
  justify-content: center;
}
  .skill-list{
    flex-wrap: wrap;
  }

  .bg-secondary-light{
    margin-top: 10px;
    margin-left:0!important;
    width: 100%;
    text-align: center;
  }

  .page-title {

    padding: 130px 0 110px;
}
.portfolio-menu .tab-lists {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 30px;
    flex-wrap: nowrap;
    overflow: auto;
}
.pd img{
  height: unset;
}
  .portfolio-item{
    padding:0;
  }
  .blog-section{
    height: auto;
  }

  .video-screen{
    height: 46%;
    display: none;
  }
  .overlay-contetnt{
    position: unset;
  }
  .hero-left-content h5{
    color:black!important;
  }
 .hero-left-content h1{
    /* color:black!important; */
    font-weight: bold;
  }
  .hero-left-content p {

color: black!important;

font-size: 17px!important;
}
.overlay-contetnt{
  padding:15px;
}

  video {
    object-fit: cover;
    width: 100%;
    height: 50vh;
    padding-top:100px;
    object-position: center;
}
.contact_form_box_inner{
  padding:15px;
}
  .title_sections h2 {
    font-size: 25px;
    line-height: 34px;
  }

#about-us .menu-1 a{
  color:black!important;
}
#about-us .navbar-toggler span{
  color:white!important;
  }

  #about-us .header_fixed .navbar-toggler span{
  color:black!important;

  }
  .btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 25px;
    padding: 8px 13px;
    color: white!important;
    margin-left: 15px;
    font-weight: 800;
    overflow: hidden;
    background: #be1d15;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;

}

.service-block .inner-box{
  padding:18px;
}
.service-block .read-more{
  font-weight: bold;
  color:black;
}

.service-block .read-more i{
  margin-right: 10px;
}
  .btn-style-one {
    margin-top: 15px;
  }

.cta__two-info {
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.cta__two-title h2 {
    color: white;
    font-size: 30px;
    line-height: 43px;
    padding: 0;
    font-weight: 700;
    margin: 0;
}

.cta__two-info-item {
    padding: 19px 20px;
    width: 100%;
}
  .text-mob-justify{
    text-align: justify!important;
  }
.section-title h2 {
    font-size: 30px;
    padding-bottom: 15px;
}
  .testimonios {
    padding-top: 50px;
    padding-bottom: 50px;
}

  .about-section1 .image-column .image-2 {

/* top: -69px; */
}
.bottom-box{
   flex-wrap: wrap;
   margin-top: 15px;
}
.service-block .icon-box {
    position: absolute;
    right: -52px;
    bottom: -52px;
    height: 168px;
    width: 172px;

}
.services-section .bottom-box .theme-btn {
    margin-top: 25px;
}

.service-block .icon-box .icon{
  font-size: 47px;
}
.subscribe__area {
    margin-top: 50px;
}
.service-block .inner-box:hover {
    
    transform: translateY(-5px);
}

.subscribe__area-left h2 {
    color: white;
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
}
.services-section{

  padding-top: 50px;
  padding-bottom: 50px;
}
.subscribe__area-left-notification h6 {
    font-size: 20px;
    line-height: 33px;
    max-width: unset;
}

.subscribe__area-left-notification {
    margin-bottom: 37px;
}

.subscribe__area-form{
  margin-left: 0;
}
  .sec-title .text {
    font-size: 17px;

}
.subscribe__area-bg {
    padding: 52px 0px;
}
.subscribe__area-left-notification {
    justify-content: space-between!important;
    flex-wrap: wrap-reverse;
    flex-flow: column-reverse;
}
.subscribe__area-form form button{
  position: unset;

}

.subscribe__area-form form input {
    height: 48px;
}
.about-section1 .content-column .btn-box{
  padding-top: 15px;
  padding-bottom: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.subscribe__area-form form button {
    margin: auto;
    font-weight: 700;
    display: flex;
    justify-content: center;
    font-size: 14px;
    align-items: center;
    margin-top: 25px;
    height: 46px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}
  .btn-one {

    font-size: 16px;

    padding: 11px 7px;
}
 


  .about__solution-left h2 {
    color: white;
    font-size: 30px;
} 

  p {
    font-size: 16px;
}
.about-section1 .content-column .info-btn i {
    margin-top: -19px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    font-size: 19px;
}

.about-section1 .content-column .info-btn {
    font-size: 17px;
    padding-left: 65px;
    color: #181818;
    line-height: 19px;
    margin-right: 32px;
}
.about-section1 .experience {
    position: absolute;
    left: 26px;
    bottom: 60px;
    min-width: 196px;

    padding: 4px 2px;

}
.about-section1 .content-column .sec-title {
    margin-bottom: 15px;
}

.about-section1 .content-column .list-style-two {
    margin-bottom: 15px;
}

.about-section1 .content-column {
    margin-bottom: 15px;
}
.pt-15{
  padding-top: 0px!important;
    }
  .list-style-two li {
    font-size: 16px;

}
.about-section1 {
    position: relative;
    padding: 49px 0 50px;
}
  .list-style-two{
    padding-left: 0;
  }

  .about-section1 .content-column .inner-column{
    padding-left: 0;
  }
.sec-title h2 {
    font-size: 25px;
    margin-top: 0;
}
   .service-tab-navs .nav-link {
    margin: 5px;
    margin-top: 15px;
    color: #0e0e0e;
    padding: 6px 6px;
    font-size: 14px;
}
  .testimonios{
/*    background-size: contain;*/
    /* background-position: right bottom!important; */
  }

  ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav{
    background:none;
  }
.port-menu li{
  padding-left: 20px;
}
.black-menu{
  display:none;
}

.h3.ruby-list-heading{
  font-size: 16px;
}

.services-menu-child-show,.services-menu-child-show1,.services-menu-child-show2,.services-menu-child-show3 li{
  margin-left: 50px!important;
}


.about-child{
  display: none;
}

.child-of-child-show{
  display: none;
}

.child-of-child-show1{
  display: none;
}

.child-of-child-show2{
  display: none;
}

.services-menu-show{
  display: none;
}

.services-menu-child-show{
  display: none;
}

.services-menu-child-show1{
  display: none;
}

.services-menu-child-show2{
 display: none;
}

.services-menu-child-show3{
 display: none;
}

.services-menu-child-show4{
 display: none;
}

.portfolio-menu-show{
  display: none;
}


.portfolio-menu-child-show{
  display: none;
}

.portfolio-menu-child-show1{
  display: none;
}

.portfolio-menu-child-show2{
  display: none;
}


.portfolio-menu-child-show3{
  display: none;
}

.portfolio-menu-child-show4{
  display: none;
}

.portfolio-menu-child-show5{
  display: none;
}

.t-align-c{
  /* text-align: center!important; */
}

span.ruby-c-title, span.ruby-c-title a {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 32px;
    margin-top: 12px;
    color: #222;
}
.ruby-grid{
  height: auto!important;
}

.header-contact-info{
  display: flex;
  flex-wrap:wrap;
  padding-top: 15px;
  /* margin-top: 15px; */
  /* padding: 15px; */
  justify-content: center;
}
.header-contact-info .theme-btn{
  width: fit-content;
}
#about-us .phone-number p {
    margin: 0;
    color: black;
}

.partner-items ul li {
    width: 100px;
    height: 100px;
    padding: 8px;
}
.client-section {
     background-size: unset; 
    background-position: bottom;
}
ul.ruby-menu > li > ul, ul.ruby-menu > li > ul > li > ul, ul.ruby-menu > li > ul > li > ul > li > ul{
  top:0;
}


ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
    background: #ffffff!important;
    font-weight: bold;
    /* text-align: center!important; */
}
.ruby-c-title a{
  padding-left: 0!important;
}

.ruby-c-category a{
  padding-left: 0!important;

}
.port-menu a{
  text-align: left;
}

ul.ruby-menu > li.ruby-menu-mega > div, ul.ruby-menu > li.ruby-menu-mega-blog > div, ul.ruby-menu > li.ruby-menu-mega-shop > div{
  height: unset;
}

.port-menu{
  height: unset!important;
}
.hero-section-2:after{clip-path:unset}
.header_fixed .port-menu {
    top: 0px!important;
}
    .container{
    /* max-width: 640px!important; */
  }
  .hero-left-content{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .about-style-one{
    /* padding-top: 14px; */
  }
  .service-nav-info{
    margin-right: 0;
    padding: 0;
  }

  .services-section .pl-50{
    /* padding-left: 0!important; */
  }
  .services-section .col-lg-5{
     padding:0;
  }

  .services-section .col-lg-6{
    padding:0;
 

  }
  .cta-section{
    height: auto;
  }
  footer{
    height: auto;
  }
  .process-section{
    height: auto;
    background: white;
  }
  .c-row {
    flex-wrap: wrap;
}

.project-section .project-right-slider {
    max-width: unset;
    width: 100%;
    transform: unset;
    padding-top: 50px;
}

.pl-xs-15 {
    padding-left: 12px;
}
.mt-60 {
    margin-top: 15px;
}
.mt--15{
  margin-top: 15px;
}
.services-style-one{
  height: unset;
}
.process-style-one:before{
  display: none;
}
.process-style-one:after{
  display: none;
}

.process-section:after {
    top: -74.2%;
    height: 82%;
    width: 39%;

}

.process-section:before {
    width: 40%;

}
.hero-section{
  padding-top: 118px;
}

.project-item .project-item-inner img {
    height: 350px;
  
}
.project-item .project-item-inner h2 {
    font-size: 23px;
    line-height: 28px;
    top: 25px;
}
.partner-items ul{
  padding-left: 0;
}

.partner-items{
  padding-top: 30px;
}

.c-section {
    padding: 27px;
}
.p-absolute {

    right: 107px;
}

.flip-box{
  margin-top: 15px;
}

.form-wrap {
    max-width: 100%;
    margin-top: 35px!important;
    }

 .blog-section .row div{
  margin-top: 15px;
 }

 .fl-wrap-r{
  display: flex;
  padding-top: 0px;
  justify-content: center;
  flex-wrap: wrap-reverse;
 }

}



@media(max-width: 580px){
    .container{
    padding-left: 25px;
    padding-right: 25px;
  }

  .google-reviews-box {

    width: 100%;
}

.our-expert-team-box {
    max-width: 100%;
    width: 100%;
   
}

.section-title {
    font-size: 25px;
    /* font-weight: 700; */
    margin-bottom: 15px;
    letter-spacing: -1px;
    line-height: unset;
}
.section-subtitle {
    font-size: 18px;
}
.title {
      /* margin-top: 10px; */
      font-size: 25px;
      margin-bottom: 15px;
}

.about-style-one p {
  text-align: justify;
  font-size: 17px;
}

.sub-heading{
  font-size: 18px;
  margin-bottom: 15px;
}

.about-card .fun-fact .counter {
    font-size: 30px;
}

.icon2 img {
    width: 52px;
    margin-right: 9px;
    min-width: 57px;
}

.service-tab-navs {
      margin-top: 11px;
      display: flex;
      flex-wrap: nowrap;
      padding-left: 0;
      overflow: scroll;
}

.service-nav-info {
    /* padding: 25px 25px; */
}
.process-section:after {
  display: none;
}

.project-section .project-left-details .section-subtitle {
    font-size: 18px;
}

.project-section h1 {
    /* font-size: 30px!important; */
}

.partner-map h2 {
    font-size: 206px;
    font-weight: 600;
    justify-content: center;
    display: flex;
}
.p-absolute {
    right: 51px;
    font-size: 41px;
    top: -20px;
}

.partner-map h4 {
    text-align: center;
    padding-top: 30px;
    font-size: 30px;
}
.partner-items {
    padding-top: 15px;
}

.partner-items ul li {
    /* padding: 22px; */
}
.section-title h2 {
    font-size: 30px;
   
}
.testimonios{
  height: 100vh;
}
.flip-box .object{
  position: unset;
}
.text-section__heading {
    font-size: 30px;
    line-height: unset;
    margin: 0;
}
.text-section__title {
    font-size: 25px;
    line-height: 68px;
    margin-top: -7px;
}
.button-designs {

    font-size: 12px;
    margin-top: 5px;
    padding: 12px 20px;

}
.sub-btn{
  margin-top: 25px;
}
.bottom-content {
  flex-wrap: wrap;
}

.last-nav .navbar-toggler {
 
    color: white;

}

.btn-simple i {
    height: 30px;
    width: 30px;
    line-height: 28px;
 
   
}

.blog-style-one h4 {
    font-size: 22px;
    line-height: 1.3;
}

.blog-style-one .thumb img {
    margin-bottom: 22px;
}

.top-content .experience-box {
    left: -2px;
    border-radius: 2px;
    padding: 23px 11px;
}
.experience-content p {
    font-size: 16px;
    margin-bottom: 0px;
}
.experience-body {
    gap: 18px;
}
.veri {
    font-size: 30px;
}
.experience-content h1{
     font-size: 25px;
    margin-bottom: 0;

}

.shape-animated-left img:nth-child(2) {
    position: absolute;
    right: 31px;
    top: 30px;
    left: unset;
}

.about-section{
  padding-top: 0!important;
  padding-bottom: 50px!important
}

.default-1-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.default-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.project-section{
   padding-top: 50px;
    padding-bottom: 50px;
}
.client-section{
  height:unset;
}

.testimonios{
   padding-top: 50px!important;
  padding-bottom: 50px!important
}

.testimonial-active .slick-arrow {
    bottom: 104px;
    left: -4%;
}

.single-testimonial .qutation {

    width: 40px;
}
.testimonios .section-title h2 {
  color: black;
}

.testimonios .section-title p {
  color: #212121;
}
.site-heading {
    margin-bottom: 0px;
    margin-top: 0!important;
}

}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Specific CSS for iOS devices */
  body{
      overflow-x: hidden; /* or scroll */
  -webkit-overflow-scrolling: touch;
  }

  .container{
    overflow: hidden;
  }
}

@media(max-width: 380px){
  .project-item .project-item-inner h2 {
    font-size: 18px;
}
.about-section1 .content-column .sec-title {
    margin-bottom: 15px;
    margin-top: 85px;
}

.about-section1 .experience {
    bottom: -93px;
}
}