.header-right-nav ul li.bar-item a {
    width: initial;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}

.shape.shape-icon-one,
.shape-one img,
.shape-three img,
.shape-two img,
.shape.shape-four img,
.sidebar-widget-area .widget h4.widget-title:after {
    filter: brightness(0) saturate(100%) invert(60%) sepia(55%) saturate(566%) hue-rotate(133deg) brightness(98%) contrast(87%);
}

.fancy-text-block-v1 .img-holder .shape.shape-one img {
    filter: none;
}

.section-title h2 {
    font-size: 45px;
}

.testimonial-area-v1 .testimonial-item .testimonial-content h3 {
    font-size: 30px;
    line-height: 40px;
}

/*.header-navigation.sticky a.brand-logo img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(50%) hue-rotate(57deg) brightness(96%) contrast(99%);
}*/

.blog-standard-post-item.post-with-bg .post-thumbnail .post-hover {
    background: linear-gradient( 0deg, rgb(43 196 202) 0%, rgb(65 134 137) 0%, rgba(0, 2, 72, 0) 100%);
}

.post-author-box {
    background-color: #2bc4ca;
}

.accordion button {
    text-decoration: none;
}

.accordion button:focus {
    outline: none;
    box-shadow: none;
}

.accordion button:hover {
    text-decoration: none;
}

.team-area-v2 .team-item .text {
    margin-top: 10px;
}

div#accordionExample .card {
    margin-bottom: 25px;
}

.header-navigation .navbar-toggler span {
    background-color: #36bfc6;
}
.hero-banner-v1 .hero-img.hero-img-three {
    display: initial;
    bottom: 578px;
    width: 125px;
    left: 10%;
}

@media only screen and (max-width: 600px) {
    .hide-mobile {
        display: none;
    }
}

/***************** Hero animation ******************/
section.hero-banner-ani {
    background: #18344f;
    color: white;
    padding: 100px 0;
}

.hero-ani-content h1 {
    color: white;
    font-size: 56px;
    line-height: 65px;
    margin-bottom: 15px;
}

.hero-ani-content {
    width: 60%;
    position: relative;
    z-index: 1;
}

.hero-ani-content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

body.home-page header.theme-header.transparent-header {
    position: relative;
}

/***********************/

.bg-hero {
  display: flex;
  white-space: nowrap;
  position: absolute;
}

.hero-ani-content .main-btn {
    font-size: 15px;
    font-weight: 500;
}

.bg-hero-list {
  display: flex;
  font-size: 200px;
  font-weight: bolder;
  -webkit-animation: loop 80s infinite linear;
  animation: loop 80s infinite linear;
}

.bg-hero-item {color: #152f4a;}

@keyframes loop {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop-r {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.bg-hero.bg-hero-2 {
  top: 50%;
  transform: translateY(-50%);
}

.l-to-r-animation {
    direction: rtl;
}

.bg-hero.bg-hero-2 .bg-hero-list {
  -webkit-animation: loop-r 80s infinite linear;
  animation: loop-r 80s infinite linear;
}

.bg-hero.bg-hero-1 {
    top: 100px;
}

.bg-hero.bg-hero-3 {
    bottom: 100px;
}

.fancy-text-block-v1 {
    padding-top: 120px;
}

.mediaman-logo img {
    width: 40% !important;
}

.testimonial-area-v1 .img-holder img {
    border-radius: initial;
    width: 80%;
}

#success_tic .page-body{
    background-color:#FFFFFF;
    margin: 10% auto;
    padding: 0 50px;
  }
   #success_tic .page-body .head{
    text-align:center;
    margin-bottom: 30px;
  }
  /* #success_tic .tic{
    font-size:186px;
  } */
  #success_tic .close{
        opacity: 1;
      position: absolute;
      right: 0px;
      font-size: 30px;
      padding: 3px 15px;
    margin-bottom: 10px;
  }
  #success_tic .checkmark-circle {
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .checkmark-circle .background {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #1ab394;
    position: absolute;
  }
  #success_tic .checkmark-circle .checkmark {
    border-radius: 5px;
  }
  #success_tic .checkmark-circle .checkmark.draw:after {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -moz-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  #success_tic .checkmark-circle .checkmark:after {
    opacity: 1;
    height: 75px;
    width: 37.5px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border-right: 15px solid #fff;
    border-top: 15px solid #fff;
    border-radius: 2.5px !important;
    content: '';
    left: 35px;
    top: 80px;
    position: absolute;
  }
  
  @-webkit-keyframes checkmark {
    0% {
      height: 0;
      width: 0;
      opacity: 1;
    }
    20% {
      height: 0;
      width: 37.5px;
      opacity: 1;
    }
    40% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
    100% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
  }
  @-moz-keyframes checkmark {
    0% {
      height: 0;
      width: 0;
      opacity: 1;
    }
    20% {
      height: 0;
      width: 37.5px;
      opacity: 1;
    }
    40% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
    100% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
  }
  @keyframes checkmark {
    0% {
      height: 0;
      width: 0;
      opacity: 1;
    }
    20% {
      height: 0;
      width: 37.5px;
      opacity: 1;
    }
    40% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
    100% {
      height: 75px;
      width: 37.5px;
      opacity: 1;
    }
  }
  
  
  
  #success_tic .page-body h4 {
      font-size: 20px;
      margin-top: 10px;
  }

  .hide-desktop{
    display: none;
  }
/***********************************************/
/***********************************************/
/***********************************************/

@media(min-width:1400px){}@media(min-width:1200px){}@media only screen and (min-width:1200px) and (max-width:1700px){.hero-banner-v1 .hero-img.hero-img-one{display:none}.hero-banner-v1 .hero-content{max-width:600px}.hero-banner-v1 .hero-content h1{margin-bottom:35px;font-size:75px;line-height:80px}.cta-area-v1 .cta-wrapper .section-title h2{font-size:60px;line-height:70px}.hero-banner-v1 .shape-one{top:130px;left:30px}.testimonial-slider-one .slick-dots{right:-15%}.fancy-text-block-v1 .img-holder .shape.shape.shape-two{display:none}.navigation-style-v3 .primary-menu .site-branding .lang-dropdown:before{margin-right:20px}.navigation-style-v3 .primary-menu .site-branding .lang-dropdown{margin-left:20px}}@media(max-width:1199px){.hero-banner-v2 .hero-img .hero-shape,.footer-gradient-bg .shape{display:none}.header-right-nav ul li.navbar-toggle-btn{display:block}.header-navigation .main-menu ul>li.has-children>a:before{display:none}.navigation-style-v3 .container-fluid,.navigation-style-v2 .container-fluid,.navigation-style-v1 .container-fluid{padding-left:15px;padding-right:15px}.hero-banner-v1 .shape-one{top:130px}.hero-banner-v1 .hero-content p{padding-right:10%}.hero-banner-v1 .hero-img,.cta-area-v1 .cta-img,.testimonial-area-v1 .shape-img{display:none}.testimonial-area-v1 .testimonial-item .testimonial-content h3{font-size:32px;line-height:45px}.contact-area-v1 .img-holder{margin-right:0}.footer-top .text-wrapper{padding-left:70px}.service-item{padding:50px 30px 40px}.service-item .text h3.title{font-size:24px;line-height:35px}.service-item .text .list-style-two li{font-size:15px}.testimonial-area-v2 .testimonial-item .testimonial-content h3{font-size:30px;line-height:40px}.pricing-list li{font-size:16px}.pricing-item .pricing-head span.plan{font-size:18px}.blog-area-v2 .blog-post-item{padding:40px 30px 30px}.pricing-item-one .pricing-body{margin-bottom:-65px}.hero-banner-v2 .hero-img{min-width:100%}.fancy-text-block-v1 .img-holder .shape.shape.shape-two{display:none}.testimonial-area-v3 .testimonial-item{padding:50px 30px 45px}.team-details-section .text-wrapper,.skill-area-v2 .text-wrapper,.skill-area-v1 .text-wrapper,.fancy-text-block-v2 .text-wrapper,.about-area-v3 .text-wrapper{padding-left:0}.counter-area-v1 .counter-item{padding:65px 30px}.process-area-v2 .process-wrapper{padding:80px 30px 10px}.portfolio-details-wrapper .portfolio-info{padding:50px 30px}.team-area-v3 .team-item .img-holder .hover-content-two h3.title,.team-area-v3 .team-item .img-holder .hover-content h3.title{font-size:24px;line-height:35px}.team-area-v3 .team-item .img-holder .hover-content-two p.position,.team-area-v3 .team-item .img-holder .hover-content p.position{font-size:16px}.team-details-section .text-wrapper .text h3.title{font-size:35px;line-height:45px}.blog-standard-post-item .entry-content h3.title{font-size:22px;line-height:32px}.blog-standard-post-item .entry-content{width:90%;padding:30px 20px 40px}.service-area-v2 .service-wrapper{padding:50px 40px 20px}.pricing-item-three{padding:30px 20px 40px}.hero-banner-v3 .hero-content h1{font-size:52px;line-height:65px}.testimonial-area-v4 .img-holder:after{width:450px;height:450px}}@media only screen and (min-width:992px) and (max-width:1199px){.section-title h2{font-size:45px;line-height:55px}.contact-area-v1 .text-wrapper h2{font-size:44px;line-height:55px}.hero-banner-v2 .hero-content h1{font-size:45px;line-height:55px}.navigation-style-v2 .container-fluid{padding-left:70px;padding-right:70px}.counter-area-v2 .counter-item{padding:60px 15px 53px}.pricing-item-one{padding:32px 20px 35px}.pricing-item .pricing-head h2.price{font-size:34px;line-height:45px}.blog-area-v2 .blog-post-item .entry-content h3.title{font-size:22px;line-height:34px}.process-area-v1 .process-item{padding:0 13px}.post-nav-tag .post-nav-item .text h4{font-size:18px}.post-nav-tag .post-nav-item .text p{font-size:16px}.testimonial-area-v4 .testimonial-item .testimonial-content p{font-size:20px;line-height:30px}.counter-area-v3 .counter-item .text h2.number{font-size:32px}}@media(max-width:991px){.hero-banner-v3 .hero-content{margin-bottom:40px}.contact-area-v1 .text-wrapper h2{font-size:60px;line-height:70px}.cta-area-v1 .cta-wrapper{padding:80px 40px}.contact-area-v1 .img-holder{text-align:center}.footer-copyright .footer-nav{margin-top:15px}.footer-copyright .footer-nav,.footer-copyright .copyright-text{text-align:center}.footer-copyright .footer-nav ul li:not(first-child){margin-left:10px;margin-right:10px}.about-area-v2 .text-wrapper,.testimonial-area-v2 .text-wrapper{padding-left:0}.pricing-area-v1 .pricing-wrapper,.contact-area-v2 .contact-wrapper,.service-area-v1 .service-wrapper{padding-left:20px;padding-right:20px}.contact-area-v2 .contact-form{margin-left:0}.footer-widget .widget.newsletter-widget .newsletter-content h3{font-size:30px;line-height:40px}.cta-area-v2 .button-box{margin-top:20px}.pricing-item .pricing-head h2.price{font-size:35px;line-height:45px}.pricing-item-one{padding:32px 30px 35px;margin-bottom:70px}.hero-banner-v2 .hero-content{margin-bottom:40px}.contact-area-v2 .contact-form h2,.contact-area-v2 .text-wrapper h2{font-size:32px;line-height:45px}.page-banner .page-title{margin-bottom:50px}.about-area-v3 .img-holder{margin-left:0}.page-footer:before,.page-footer:after{display:none}.process-area-v1 .process-column:after{display:none}.process-area-v1 .process-item{padding:0 15px}.features-list{padding:55px 30px 25px}.page-banner .page-title h1{font-size:36px;line-height:45px}.post-nav-tag .post-nav-item{justify-content:center}.post-nav-tag .post-icon{padding:20px 0}.partners-area-v1 .partners-slider-one{margin-left:-15px;margin-right:-15px}.partners-area-v1 .partners-slider-one .partner-item{padding-left:15px;padding-right:15px}.testimonial-area-v4{padding-bottom:110px}.testimonial-area-v4 .img-holder{overflow:hidden}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner-v1 .hero-content h1{font-size:72px;line-height:80px}.footer-top .text-wrapper{padding-left:20px}.footer-top .text-wrapper h3{line-height:40px;font-size:30px}.partners-wrapper .partner-item{flex:0 0 25%;max-width:25%}.contact-area-v3 .map-box{top:19%}}@media(max-width:767px){.section-title h2{font-size:30px;line-height:40px}.hero-banner-v1 .hero-content p{padding-right:0%}.hero-banner-v2 .hero-content h1,.hero-banner-v1 .hero-content h1{font-size:40px;line-height:50px}.service-item{padding:50px 35px 40px}.cta-area-v1 .cta-wrapper .section-title h2{font-size:26px;line-height:38px}.footer-top .text-wrapper{padding-left:0;padding-top:20px;border-left:none;border-top:2px solid rgba(89,86,233,.2)}.partners-wrapper .partner-item{flex:0 0 50%;max-width:50%}.cta-area-v2 .cta-wrapper{padding:50px 30px}.testimonial-area-v3 .testimonial-item{display:flex;flex-direction:column}.testimonial-area-v3 .testimonial-item .author-thumb{margin-bottom:25px}.process-area-v2 .process-item .icon{margin-right:20px}.post-nav-tag .post-nav-item .text h4{font-size:18px}.post-nav-tag .post-nav-item .text p{font-size:16px}.sidebar-widget-area .widget{padding:30px 20px 40px}.comments-area .comments-list .comment{flex-direction:column}.comments-area .comments-list .comment .comment-avatar{margin-bottom:30px}.comments-area .comments-list .comment:nth-child(even){margin-left:20px}.comments-respond{padding:40px 30px 60px}.post-author-box{flex-direction:column;align-items:flex-start}.post-author-box .author-thumb{margin-bottom:30px}.contact-area-v2 .information-style-two{flex-direction:column}.contact-area-v2 .information-style-two .icon{margin-bottom:25px}.information-style-two{padding:40px 25px 30px}.contact-area-v2 .information-style-two .info h4{font-size:20px}.blog-area-v2 .blog-post-item .entry-content h3.title{font-size:20px;line-height:30px}.cta-area-v2 .button-box .main-btn{padding:12px 25px}.contact-area-v3 .map-box{top:14%}.partners-area-v1 .partners-arrows{justify-content:flex-start}.counter-area-v3 .counter-item.mt-lg-30{margin-top:0}.lang-dropdown .nice-select{font-size:16px}.navigation-style-v3 .primary-menu .site-branding .lang-dropdown:before{margin-right:15px}.navigation-style-v3 .primary-menu .site-branding .lang-dropdown{margin-left:15px}.hero-banner-v3 .hero-content h1{font-size:40px;line-height:45px}.navigation-style-v3 .header-right-nav ul li.nav-button{display:none}.testimonial-area-v4 .testimonial-item{padding:60px 30px}.testimonial-area-v4 .testimonial-item .testimonial-content p{font-size:18px;line-height:30px}}@media(max-width:400px){.about-area-v1 .shape-one{bottom:-20px;left:0}.footer-widget .widget.newsletter-widget .newsletter-content h3,.footer-top .text-wrapper h3{line-height:40px;font-size:30px}.blog-standard-post-item .entry-content h3.title{font-size:20px;line-height:30px}.service-area-v2 .service-wrapper{padding:40px 15px 10px}.service-item .text h3.title{font-size:20px;line-height:30px}.testimonial-area-v4 .testimonial-item .testimonial-content .author-title-thumb{flex-direction:column}.testimonial-area-v4 .testimonial-item .testimonial-content .author-title-thumb .author-thumb{margin-bottom:25px}}@media only screen and (min-width:415px) and (max-width:767px){.partners-wrapper .partner-item{flex:0 0 33.33%;max-width:33.33%}}

@media (max-width: 1366px) and (min-width: 601px) {
    .site-branding .brand-logo {
        max-width: 150px;
    }
    
    .header-navigation .main-menu ul li>a {
        font-size: 15px;
        padding: 30px 18px;
    }
    
    .header-right-nav ul li.bar-item a {
        font-size: 15px;
        height: 40px;
    }
    
    .hero-banner-v1 .hero-content h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 25px;
    }
    
    .hero-banner-v1 .hero-content p {
        font-size: 15px;
        padding-right: 20%;
        margin-bottom: 35px;
    }
    
    .hero-banner-v1 .hero-img.hero-img-two img {
        width: 75%;
    }
    
    .hero-banner-v1 .hero-img.hero-img-two {
        text-align: right;
    }
    
    .hero-banner-v1 .hero-img.hero-img-three {display: none !important;}
    
    .hero-banner-v1 .shape-one {
        width: 90px;
    }
    
    section.hero-banner-v1.position-relative {
        padding-top: 190px;
    }
    
    .main-btn {
        font-size: 14px;
        padding: 8px 35px;
    }
    
    .section-title .st-one {
        font-size: 17px;
        padding: 7px 35px;
        margin-bottom: 20px;
    }
    
    .section-title h2 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 30px;
    }
    
    .about-area-v1 .text-wrapper h4 {
        font-size: 17px;
        margin-bottom: 15px;
    }
    
    .about-area-v1 .text-wrapper p {
        font-size: 15px;
    }
    
    .about-area-v1 .text-wrapper .list-style-one li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .about-area-v1 .img-holder img {
        width: 65%;
        margin: 0 auto;
        display: block;
    }
    
    .about-area-v1 .shape-one {
        width: 100px;
        left: 100px;
    }
    
    section.about-area.about-area-v1 .text-wrapper {
        margin-bottom: 0;
    }
    
    .section-title p {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
    }
    
    .service-item {
        padding: 30px 35px 30px;
        margin-bottom: 20px;
    }
    
    .service-item .icon i {
        font-size: 50px;
    }
    
    .service-item .text h3.title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    .service-item .icon {
        margin-bottom: 0;
    }
    
    .service-item .text p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    
    .btn-link {
        font-size: 14px;
    }
    
    section.cta-area.cta-area-v1 {
        padding-top: 70px;
    }
    
    .cta-area-v1 .cta-wrapper .section-title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    
    
    .cta-area-v1 .cta-img img {max-width: 510px;}
    
    
    
    section.counter-area.counter-area-v1 {
        padding-top: 170px;
        padding-bottom: 60px;
    }
    
    .counter-area-v1 .counter-item {
        padding: 35px 40px;
    }
    
    .counter-area-v2 .counter-item .icon, .counter-area-v1 .counter-item .icon {
        font-size: 50px;
        margin-bottom: 20px;
    }
    
    .counter-area-v2 .counter-item .text h2, .counter-area-v1 .counter-item .text h2 {
        font-size: 35px;
        line-height: 40px;
    }
    
    .counter-area-v2 .counter-item .text h2, .counter-area-v1 .counter-item .text p {
        font-size: 16px;
    }
    
    
    .testimonial-area-v1 .shape-img img {
        width: 150px;
    }
    
    .testimonial-area-v1 .shape-img:after {
        width: 170px;
        height: 210px;
    }
    
    .testimonial-area-v1 .img-holder img {
        width: 75%;
        margin: 0 auto;
        display: block;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content h3 {
        font-size: 18px;
        line-height: 25px;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content .author-title h4 {
        font-size: 19px;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content .author-title p {
        font-size: 15px;
    }
    
    section.testimonial-area.testimonial-area-v1 {
        padding-bottom: 55px;
    }
    
    .contact-area-v1 .text-wrapper h2 {
        font-size: 40px;
        line-height: 50px;
    }
    
    
    .information-style-one .info h4 {
        font-size: 18px;
    }

    
    .contact-form form .nice-select, .contact-form form .form_control {
        height: 45px;
        font-size: 15px;
        font-weight: 500;
    }
    
    .contact-area-v1 .img-holder img {width: 65%;display: block;margin: 0 auto;}
    
    .contact-area-v1 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    
    footer.footer-area h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    footer.footer-area p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .footer-nav a {
        font-size: 15px;
    }

    /***/

    .page-banner .page-title h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    
    .page-banner .page-title .breadcrumbs-link li {
        font-size: 20px;
    }
    
    .page-banner {
        padding: 180px 0 120px;
    }
    
    .portfolio-style-one .text h3.title {
        font-size: 19px;
    }
    
    .portfolio-style-one .text {
        padding-top: 20px;
    }
    
    .portfolio-item.portfolio-style-one {
        margin-bottom: 30px;
    }
    
    section.portfolio-area.portfolio-area-v1 {
        padding-bottom: 0px;
    }

    /**/
    .page-banner .page-banner-img {
        width: 80%;
        margin: 0 auto;
        margin-bottom: -250px;
    }
    
    section.about-area.about-area-v3 img.hide-mobile {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    
    .about-area-v3 .text-wrapper p {
        font-size: 15px;
        line-height: 30px;
    }
    
    .about-area-v3 .text-wrapper ul.list-style-one li {
        font-size: 14px;
        margin-bottom: 0;
    }
    
    .fancy-text-block-v1 {
        padding-top: 280px;
        padding-bottom: 60px;
    }
    
    .fancy-text-block .text-wrapper p {
        font-size: 15px;
        line-height: 30px;
    }
    
    section.team-area.team-area-v2 {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    
    .team-item h4 {
        font-size: 19px;
        line-height: 30px;
    }
    
    .team-item p.position {
        font-size: 14px;
        line-height: 25px;
    }
    
    section.testimonial-area.testimonial-area-v3 {
        padding-top: 80px;
        padding-bottom: 90px;
    }
    
    .testimonial-area-v3 .testimonial-item .testimonial-content p {
        font-size: 14px;
        line-height: 27px;
    }
    
    .author-title h4 {
        font-size: 16px;
    }
    
    .author-title p.position {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    
    section.testimonial-area.testimonial-area-v3 .section-title.section-title-white {
        margin-bottom: 45px;
    }
    
    section.partners-area {
        padding-top: 80px;
        padding-bottom: 90px;
    }
    
    .partners-wrapper {
        width: 90%;
        margin: 0 auto;
    }
    
    .team-area-v2 .team-item .img-holder {
        width: 85%;
        margin: 0 auto;
    }
    
    .fancy-text-block-v1 .section-title {
        margin-bottom: 20px;
    }

    .fancy-text-block-v1 .img-holder .shape.shape-one img {
        width: 130px;
        left: 30px;
        position: relative;
    }

    /***/

    section.faq-details-section {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    
    section.faq-details-section .card-body {
        font-size: 14px;
        line-height: 25px;
    }

    section.contact-info-v1 {
        padding-top: 100px;
        padding-bottom: 0;
    }
    
    .information-item .icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .information-item .info h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    
    .info p {
        font-size: 15px;
        line-height: 25px;
    }
    
    section.contact-area.contact-area-v3 {
        padding-top: 70px;
        padding-bottom: 90px;
    }
    
    .contact-wrapper.light-gray-bg {
        width: 90%;
        margin: 0 auto;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    section.contact-area .section-title.text-center.mb-55 {
        margin-bottom: 40px;
    }

    .hero-banner-v1 .hero-content {margin-right: 30px;margin-left: auto;}

    .hero-banner-v1 .hero-img.hero-img-one {
        display: block;
        left: 40px;
    }

    .hero-banner-v1 .hero-img.hero-img-one img {
        width: 70%;
    }

    section.about-area.about-area-v1.position-relative.pt-130 {
        padding-top: 90px;
    }
    /**hero animation**/
    .hero-ani-content h1 {
        font-size: 45px;
        line-height: 55px;
    }
    
    .hero-ani-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .bg-hero-list {
        font-size: 160px;
    }
    
    section.hero-banner-ani {
        padding: 80px 0;
    }
    
    .bg-hero.bg-hero-1 {
        top: 80px;
    }
    
    .bg-hero.bg-hero-3 {
        bottom: 80px;
    }

    .fancy-text-block-v1 {
        padding-top: 100px;
    }
}

@media (max-width: 600px) and (min-width: 0px) {    
    section.counter-area.counter-area-v1 {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    
    section.cta-area.cta-area-v1 {
        padding-top: 30px;
    }
    
    section.service-area {
        padding-top: 40px;
    }
    
    section.about-area.about-area-v1 {
        padding-top: 80px;
    }
    
    section.testimonial-area.testimonial-area-v1 {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    
    section.contact-area.contact-area-v1 {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    .contact-area-v1 .text-wrapper h2 {
        font-size: 45px;
        line-height: 60px;
    }
    
    footer .offset-2 {
        margin: 0;
    }
    
    .footer-top {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    /***/
    .hero-banner-v1 {
        padding: 110px 0 70px;
    }
    
    .hero-banner-v1 .shape-one,
    .hero-banner-v1 .shape-two,
    .hero-banner-v1 .shape-three{
        display: none;
    }
    
    .hero-banner-v1 .hero-img.hero-img-two {display: block;position: relative;width: 75%;left: 0;right: 0;margin: 0 auto;bottom: 0;margin-bottom: 50px;}
    
    /*.hero-banner-v1 .hero-img.hero-img-two img {
        border-radius: 40px;
    }
    
    .about-area-v1 .img-holder img {
        border-radius: 50px;
    }*/
    
    .about-area-v1 .img-holder-box {
        width: 83%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    .about-area-v1 .img-holder-box img.circle-logo {
        width: 100px;
    }
    
    .text-wrapper {
        padding: 0 22px;
    }
    
    section.about-area.about-area-v1 {
        padding-top: 70px;
    }
    
    section.service-area {
        padding-top: 10px;
    }
    
    .section-title h2 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    
    .section-title {
        padding: 0 15px;
    }
    
    .section-title p {
        font-size: 17px;
    }
    
    .section-title .st-one {
        font-size: 20px;
        padding: 13px 30px;
        margin-bottom: 20px;
    }
    
    .service-item {
        padding: 30px 25px 25px;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .service-item .icon i {font-size: 50px;}
    
    .service-item .text p {
        font-size: 17px;
    }
    
    .service-item .text h3.title {
        font-size: 19px;
    }
    
    section.cta-area.cta-area-v1 .container-1450 {
        padding: 0;
    }
    
    .cta-area-v1 .cta-wrapper {
        padding: 60px 15px;
    }
    
    
    section.cta-area.cta-area-v1 .section-title {
        margin-bottom: 50px;
    }
    
    .container-1450  .section-title {
        padding-left: 0;
        padding-right: 0;
    }
    
    .counter-area-v1 .counter-item {
        padding: 35px 30px;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    
    .counter-area-v2 .counter-item .icon, .counter-area-v1 .counter-item .icon {
        font-size: 50px;
        margin-bottom: 20px;
    }
    
    .counter-area-v2 .counter-item .text h2, .counter-area-v1 .counter-item .text h2 {
        font-size: 45px;
    }
    
    .testimonial-area-v1 .img-holder img {/*border-radius: 50px;*/width: 90%;margin: 0 auto !important;}
    
    section.testimonial-area.testimonial-area-v1 .img-holder {
        text-align: center;
    }
    
    section#nous-contacter .text-wrapper h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
    }
    
    section#nous-contacter .information-style-one.mb-40 {
        margin-bottom: 20px;
    }
    
    section#nous-contacter .contact-form {
        margin-top: 20px;
    }
    
    section#nous-contacter .img-holder {
        width: 85%;
        margin: 0 auto;
    }    
    
    section#nous-contacter {
        padding-bottom: 70px;
    }
    
    .contact-area-v1 .img-holder .shape.shape-icon-one {
        top: -30px;
    }
    
    .footer-copyright {
        padding: 20px 0;
    }
    
    .footer-copyright .footer-nav {
        margin: 0;
    }
    
    .footer-top {
        padding-top: 50px;
        padding-bottom: 15px;
    }
    
    .contact-form form .nice-select, .contact-form form .form_control {
        height: 50px;
        margin-bottom: 20px;
    }
    
    .hero-content {
        padding: 0 15px;
    }
    
    .hero-banner-v2 .hero-content h1, .hero-banner-v1 .hero-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    
    .hero-banner-v1 .hero-content p {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .main-btn {
        font-size: 14px;
    }
    .hero-banner-v1 .hero-img.hero-img-three {
        bottom: 460px;
        left: 15%;
        width: 105px;
    }
    .testimonial-area-v1 .testimonial-item .testimonial-content h3 {
        font-size: 20px;
        line-height: 25px;
    }

    section.about-area.about-area-v1 .section-title {
        padding: 0;
    }

    /*****/

    .page-banner .shape.shape-one,
    .shape.shape-two.scene{
        display: none;
    }
    

    .page-banner .page-title h1 {
        font-size: 30px;
    }

    .page-banner .page-title .breadcrumbs-link li {
        font-size: 19px;
    }

    .about-area-v3 .img-holder {
        margin-bottom: 30px;
    }

    .about-area-v3 .text-wrapper {
        padding: 0 15px;
    }

    section.about-area.about-area-v3 .section-title {
        padding: 0;
    }

    .about-area-v3 .text-wrapper p {
        font-size: 18px;
        line-height: 30px;
    }

    .about-area-v3 .text-wrapper ul.list-style-one li {
        font-size: 15px;
    }

    section.about-area.about-area-v3 {
        padding-bottom: 0;
    }

    .fancy-text-block-v1 {
        padding-top: 220px;
        padding-bottom: 70px;
    }

    .fancy-text-block-v1 .section-title {
        padding: 0;
    }

    .fancy-text-block-v1 .img-holder img {
        border-radius: 250px;
    }

    .fancy-text-block-v1 .img-holder {
        padding: 0;
        width: 85%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .fancy-text-block-v1 .img-holder .shape.shape-one {
        display: none;
    }

    section.team-area.team-area-v2 {
        padding-top: 70px;
        padding-bottom: 30px;
    }

    .team-item {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 35px;
    }

    section.testimonial-area.testimonial-area-v3 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .testimonial-area-v3 .testimonial-item {
        padding: 40px 20px 35px;
    }

    .testimonial-area-v3 .testimonial-item .testimonial-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .testimonial-area-v3 .testimonial-item .testimonial-content .author-quote-title .author-title h4 {
        font-size: 21px;
    }

    .testimonial-area-v3 .testimonial-item .testimonial-content .author-quote-title .author-title p.position {
        font-size: 15px;
        line-height: 25px;
    }

    .testimonial-area-v3 .testimonial-item .author-thumb {
        max-width: 75px;
        margin-bottom: 15px;
    }

    section.partners-area {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    /*****/

    section.page-banner.bg_cover.position-relative.z-1 {
        padding: 150px 0 50px;
    }
    
    section.contact-info-v1 {
        padding-top: 70px;
        padding-top: 70px;
    }
    
    .information-item {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    
    section.contact-area.contact-area-v3 {
        padding-top: 50px;
        padding-bottom: 0;
    }
    
    .container-1350 {
        padding: 0;
    }
    
    .contact-wrapper.light-gray-bg {
        padding-top: 70px;
        padding-bottom: 10px;
    }

    /****/

    section.faq-details-section {
        padding-top: 70px;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .faq-details-section .card-header button {
        font-size: 16px;
    }
    
    .faq-details-section .card-body {
        font-size: 17px;
        line-height: 25px;
    }

    .page-banner.about-banner {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .about-area-v1 .text-wrapper .list-style-one li {
        display: inline-block;
    }
    
    .about-area-v3 .text-wrapper ul.list-style-one li {
        display: inline-block;
    }

    /****/

    .about-area-v1 .text-wrapper h4 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .about-area-v1 .text-wrapper p {
        font-size: 15px;
        line-height: 30px;
    }
    
    .about-area-v1 .text-wrapper .list-style-one li {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    section.about-area.about-area-v1 ul.list-style-one {
        margin-bottom: 25px;
    }
    
    .section-title p {
        font-size: 15px;
        line-height: 30px;
    }
    
    .section-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .section-title .st-one {
        font-size: 18px;
        margin-bottom: 14px;
    }
    
    .service-item .text p {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    
    .service-item .text h3.title {
        font-size: 17px;
        margin-bottom: 5px;
    }
    
    .btn-link {
        font-size: 15px;
    }
    
    .cta-area-v1 .cta-wrapper .section-title h2 {
        font-size: 21px;
        line-height: 31px;
    }
    
    section.cta-area.cta-area-v1 .section-title {
        margin-bottom: 30px;
    }
    
    section#nous-contacter .text-wrapper h2 {
        font-size: 22px;
        line-height: 32px;
    }
    
    .portfolio-style-one .text h3.title, h4 {
        font-size: 17px;
    }
    
    section#nous-contacter .information-style-one.mb-40 {
        margin-bottom: 10px;
    }

    
    footer.footer-area h3 {
        font-size: 22px;
        margin-bottom: 9px;
    }
    
    footer.footer-area  p {
        font-size: 15px;
    }
    
    .footer-copyright .footer-nav a {
        font-size: 14px;
    }
    
    .contact-form form .nice-select, .contact-form form .form_control {
        font-size: 14px;
        height: 40px;
        padding: 0 20px;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content h3 {
        font-size: 16px;
    }
    
    .counter-area-v2 .counter-item .text h2, .counter-area-v1 .counter-item .text h2 {
        font-size: 30px;
        line-height: 25px;
    }
    
    .about-area-v4 .text-wrapper p, .fancy-text-block .text-wrapper p, .portfolio-details-wrapper .portfolio-item .text .content, .pricing-item-three .pricing-head {
        font-size: 15px;
        line-height: 29px;
    }
    
    .testimonial-area-v3 .testimonial-item .testimonial-content p {
        font-size: 14px;
        line-height: 27px;
    }
    
    .testimonial-area-v3 .testimonial-item .testimonial-content .author-quote-title .author-title p.position {
        font-size: 13px;
        line-height: 23px;
    }
    
    .about-area-v3 .text-wrapper p {
        font-size: 14px;
        line-height: 28px;
    }
    
    .about-area-v3 .text-wrapper ul.list-style-one li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    section.about-area.about-area-v3 {
        padding-top: 150px;
    }
    
    .team-item p {
        font-size: 14px;
    }

    /**hero animation**/
    .hero-ani-content {
        width: 100%;
    }
    
    .hero-ani-content h1 {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    section.hero-banner-ani.position-relative {
        overflow: hidden;
    }


    section.testimonial-area.testimonial-area-v1 .animate-float-y {
        animation: none;
    }
    
    section.testimonial-area.testimonial-area-v1 .animate-float-x {
        animation: none;
    }
    
    section.testimonial-area.testimonial-area-v1 .img-holder {
        width: 170px;
        /* margin: 0 auto; */
        margin-bottom: 20px;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content i {
        font-size: 40px;
        margin-bottom: 10px;
    }
    
    .testimonial-area-v1 .img-holder img {
        border-radius: initial !important;
    }
    
    .testimonial-area-v1 .testimonial-item .testimonial-content h3 {
        margin-bottom: 0 !important;
    }
    
    
    section.testimonial-area.testimonial-area-v1 .slick-track {
        height: initial !important;
    }
    
    section.testimonial-area.testimonial-area-v1 .slick-list.draggable {
        height: initial !important;
    }
    
    .mediaman-logo img {
        width: 200px !important;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    
    .mediaman-logo {
        padding: 0 !important;
        text-align: left !important;
    }
    
    section.testimonial-area.testimonial-area-v1 .section-title.section-title-white {
        margin-bottom: 20px;
    }
    .fancy-text-block-v1 {
        padding-top: 100px;
    }

    .presentation-sss {
        text-align: center;
        padding-top: 85px;
    }
    .hide-mobile{
        display: none;
    }
    .hide-desktop{
        display: block;
    }
    .logos-p-m {
        display: inline-flex;
        width: 100% !important;
        align-items: center;
    }
    
    .logos-p-m a {width: 50% !important;}
    
}