@media only screen and (max-width: 720px) {
    .brand-items .brand-item:nth-child(12) .brand-logo-2{
    width:86px;
}
    .brand-items .brand-item:nth-child(8) .brand-logo-2{
    width:86px;
}
    .brand-items .brand-item:nth-child(1) .brand-logo-1{
    width:86px;
}
    .brand-items .brand-item:nth-child(3) .brand-logo-1{
    width:86px;
}
.brand-items .brand-item:nth-child(11) .brand-logo-1{
    width:88px;
}
    .header__logo {
    position: absolute;
    left: 10%;
    top: 38%;
    z-index :444;

    }
    .header {
    position: relative;
    }
    .j-name{
        margin:10px 0;
    }
    h3.event::before{
            transform: translateX(100%);
    }
    h3.event{
        text-align:center;
    }
  .section-title{
      display:flex;
      align-items:center;
      justify-content:center;
      flex-direction:column;
  }
  .section-title h2{
      text-align:center;
  }
    .footer-bottom .social{
        justify-content: center;
    }
    .service-cardd{
        margin-top:0 !important;
    }
    .for-mobile{
        width:70px !important;
    }
    .founder-img-box .quote{
        width: 150px;
        height: 150px;
    }
    .founder-box{
        padding: 16px;
    }
    .inner-about img{
        margin-top: 0 !important;
    }
    .hisabuk-bg{
        background-size: auto 33%;
    }
    .parent-bg{
        background-size: auto 16%;
    }
    .border-btn {
        color: #fff;
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 10px 40px;
        background-color: transparent;
        margin: 0 auto;
        display: flex
    ;
        /* text-align: center; */
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .contact-box-product h4{
        font-size:29px;
        text-align: center;
    }
    .contact-box-product .number{
        text-align: center;
        width: 100%;
        display: block;
    }
    .contact-box-product{
        padding: 20px;
    }
    .schola-bg {
        background: url(../img/icons/schola-bg.svg) no-repeat;
        background-position: top center;
        background-size: auto 33%;
    }
    .schola-about h3{
        text-align: center;
    }
    .products-inner h3{
        text-align: center;
    }
    .banner-data h1, .banner-data p{
        text-align: center;
    }
    section{
        padding: 25px 0;
    }
    .banner-inner{
        padding-top: 70px;
    }
    .whats-float {
        position: fixed;
        transform: translate(132px, 0px);
    }
    .schola-bg section{
        padding: 25px 0;
    }
    .banner-gfx{
        margin-top:20px
    }
    .banner-data h3{
        margin-bottom: 0;
    }
   
    .btn-brand-color-out img{
        display: none;
    }
    .btn-blue, .btn-brand-color-out{
        font-size: 15px;
    }
    .inner-div{
        align-items: center;
        margin-top: 0 !important;
        width: 100%;
    }
    .inner-page-content{
        padding-top: 0;
    }
    .inner-page-content h3{
        text-align: center;
    }
    .about img{
        margin: 0 auto;
        position:relative;
 
    }
    .header.smaller{
        background-color: rgba(250, 250, 250, 0.5);
    }
    #notify-trigger-menu i{
        color: #25d366 !important;
      }
    .notify-trigger i{
        color: #25d366;
    }
    .header{
        padding: 1rem 0;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .main{
        background-color: transparent;
        padding-top: 0;
        /*overflow-x: auto;*/
    }
    .intro__content{
        padding: 3rem 0;
    }
    .numblock{
        padding: 2rem 2rem;
        
    }
    .block-rounded-m{
        border-radius: 4px;
    }
    .intro__button{
        margin-top: 1rem;
        margin-bottom: 3rem;
    }
    .slide-image{
        background-size: cover;
    }
    .main__media{
        height: 390px;
        min-height: 390px;
    }
    .fullheight{
        flex-direction: column-reverse;
    }
    .socials-mobile{
        display: none;
    }
    .header{
  background-color: rgba(250, 250, 250, 0.8);
    }
    .about{
        padding-top: 150px;
    }
    .menu.animate-in .fullheight{
        flex-direction: column;
    }
    .services{
        padding-top: 0;
    }
    .services .headline__subtitle{
        text-align: left;
    }
    .services h2{
        text-align: center;
    }
    .work-process-line{
        display: none;
    }
    .services .col{
        width: 50%;
        padding: 0 10px !important;
    }
    .services .mt-30{
        margin-top: 0;
    }
    .services .mt--10{
        margin-top: 0;
    }
    .services{
        padding-bottom: 0px;
        padding-top:25px;
    }
    .card{
        padding: 20px 0;
    }
    .card h2{
        font-size: 16px;
        text-align: center;
    }
    .brand-items .brand-item{
        width:33.333%;
    }
    .brand-items .brand-item .brand-item-in img{
        width: 100%;
    }
    .brand-items .brand-item{
        min-height: auto;
    }
    .gallery-slider img{
        background: conic-gradient(from 90deg at 1px 1px,#0000 25%,#91c848 0);
        outline: 1px solid #91c848;
    }
    .testi span{
        color: #fff !important;
    }
    .testi h2{
        color: #fff;
    }
    .testi .section-header p{
        color: #fff;
        text-align: justify;
    }
    .ds{
        margin: 0 auto;
        display: flex;
        text-align: center;
        margin-bottom: 10px;
    }
    .headline__subtitle{
        margin-bottom: 0;
    }
    .products h2{
        text-align: center;
    }
    .product-logo{
        margin: 14px auto;
    }
    .schola-head{
        text-align: center;
    }
    .products .btn-round-mobile .btn-caption{
        display: block;
       
    }
    .products .btn-round-mobile{
        border-radius: 10px;
        width: auto;
        height: auto;
        color: #000;
        padding: 0 20px;
    }
    .products h1{
        color:#000;
        font-size: 30px;
      }

      .gall-caption{
        left: 16%;
      }
      .contact-shape{
        opacity: 0.7;
        transform: scaleX(-1);
        left: 38%;
        bottom: 2%;
      }


      .about .btn-round-mobile .btn-caption{
        display: block;
       
    }
    .about .btn-round-mobile{
        border-radius: 10px;
        width: auto;
        height: auto;
        color: #000;
        padding: 0 20px;
    }
    .about h1{
        color:#000;
        font-size: 30px;
      }

      
      .service-cardd .btn-round-mobile .btn-caption{
        display: block;
       
    }
    .service-cardd .btn-round-mobile{
        border-radius: 10px;
        width: auto;
        height: auto;
        color: #000;
        padding: 0 20px;
    }
    .service-cardd h1{
        color:#000;
        font-size: 30px;
      }



      .products-contact .btn-round-mobile .btn-caption{
        display: block;
       
    }
    .products-contact .btn-round-mobile{
        border-radius: 10px;
        width: auto;
        height: auto;
        color: #000;
        padding: 0 20px;
    }
    .products-contact h1{
        color:#000;
        font-size: 30px;
      }
      /* .tool-tip{
        margin-top: 11rem !important;
      } */
      .footer-bottom ul{
        flex-direction: column;
      }
      .footer-bottom .social{
        flex-direction: row;
      }
      .footer-bottom ul li{
        margin-top: 20px;
      }
      .footer-bottom ul{
        margin-top: 0;
        
      }
      .contact-boxes{
        padding-top: 0;
      }
      .brand-items .brand-item{
          height:100px;
          padding:10px;
      }
}
@media only screen and (max-width: 920px){
.sticky-menu{
    display: none;
}
@media(min-width:1080px){
    .slider-type-one {
    top: -206px !important;
}
}
}
@media only screen and (min-width: 920px) and (max-width: 1700px){
    .contact-box-product h4{
        font-size: 35px;
    }
    .wrapper-tool{
        font-size: 17px;
    }
    .founder-img-box h4{
        font-size: 3.5rem;
    }
    .founder-img-box .quote{
        height:150px !important;
        width:150px !important;
    }
    .founder-box img{
        width: 85% !important;
        margin: 0 auto !important;
    }
   
  
    .sticky-menu{
        bottom:410px !important;
    }
    .sticky-menu.about{
        bottom:360px !important;
    }
    .sticky-menu.service{
        bottom:310px !important;
    }
    .sticky-menu.product{
        bottom:260px !important;
    }
    .sticky-menu.portfolio{
        bottom:210px !important;
    }
    .sticky-menu.contact{
        bottom:160px !important;
    }
    .navigation li a{
        font-size: 2.5rem;
    }
    .header__logo{
        left: 5rem;
    }
    .header__logo img{
        height: 88px;
    }
    .btn-round-mobile{
        height: 4rem;
        line-height: 4rem;
    }
    .header__logo{
        top: 40%;
    }
    h1{
        font-size: 4rem;
    }
    .headline__subtitle{
        font-size: 1.5rem;
    }
    .headline__subtitle{
        margin-bottom: 1rem;
    }
    .btn-bottom .circle{
        height: 5rem;
        width: 5rem;
    }
    .menu-trigger{
        height: 4rem;
        width: 4rem;

    }
    .header{
        padding: 2rem 0;
    }
    .about .img-fluid{
        height: 400px;
        width: auto;
        margin: 0 auto;

    }
    .section-title h2{
        font-size: 30px;
    }
    p{
        font-size: 14px;
    }
    .services .section-title{
        margin-bottom: 50px !important;
    }
    .contact-box{
        padding: 20px;
    }
    .responds-wrap p{
        font-size: 14px;
    }
    .testimonial__item{
        padding: 20px;
    }
}
@media(min-width:721px) and (max-width:1199px){
    .brand-items .brand-item .brand-item-in img{
        width:100% !important;
    }
}
@media(min-width:721px) and (max-width:1399px){
    .brand-items .brand-item{
        width:25% !important;
    }
    
}
@media(min-width:721px) and (max-width:1199px){
    .brand-items .brand-item:nth-child(1) .brand-logo-1 ,.brand-items .brand-item:nth-child(3) .brand-logo-1, .brand-items .brand-item:nth-child(8) .brand-logo-2,
    .brand-items .brand-item:nth-child(12) .brand-logo-2, .brand-items .brand-item:nth-child(14) .brand-logo-1{
        width: 80px !important;
    }
    .brand-items .brand-item:nth-child(11) .brand-logo-1 {
        width: 155px !important;
    }
    .brand-items .brand-item:nth-child(10) .brand-logo-1, .brand-items .brand-item:nth-child(15) .brand-logo-2,.brand-items .brand-item:nth-child(15) .brand-logo-1, .brand-items .brand-item:nth-child(13) .brand-logo-1{
        width:160px !important;
    }
}