@media (min-width: 0px) and (max-width: 575.98px) { 
    html,body{
        font-size:86%;
        -webkit-text-size-adjust:none;
    }
    .section01 .content-area .sec-heading, .section02 .content-area .sec-heading {
        font-family: 'Roboto',sans-serif;
        font-size: 2rem;
        font-weight: 500;
        line-height: 70px;
        line-height: 1;
    }
    .sec-title {
        color: var(--secondary-color);
        font-size: 1.5rem;
        font-family: 'Roboto' , sans-serif;
        font-weight: 500;
        position: relative;
        /* margin-left: 68px; */
    }
    .testi .heading {
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 500;
    }
    .section05 .title {
        font-size: 2rem;
        text-transform: uppercase;
        font-family: 'Roboto',sans-serif;
        line-height: 59px;
        font-weight: 500;
        line-height: 38px;
    }
    header .content h1 {
        color: #fff;
        font-weight: 499;
        font-size: 2rem;
    }
    header .content p:nth-child(1) {
        font-size: 1rem;
    }
    .sina-nav{
         margin:0px;
    }
    .mybtn {
        background: var(--secondary-color);
        border-radius: 6px;
        color: #fff;
        font-size: 1rem;
        padding: 10px 30px;
    }
    header {
        background: url(../images/header-bg.webp);
        width: 100%;
        height:100%;
        background-size: cover;
        padding-top: 111px;
    }
    .sina-nav .sina-brand > img {
        height: auto;
        padding: 6px 0;
        width: 100%;
    }
    .sina-nav-header i{
         color: #000;
    }
    .sina-nav .navbar-toggle:hover, .sina-nav .navbar-toggle:focus {
        outline: 0;
        color: #fff;
        background-color: #c52e32;
    }
    .sina-nav.mobile-sidebar .navbar-collapse {
       
        background-color: #001134;
    }
    .sina-nav {
        background-color: #ffffff;
        border-color: #c52e33;
    }
    .sina-nav .sina-menu li .mega-menu-col-title, .sina-nav .sina-menu li a {
      
        color: #fff;
        border-top: solid 1px #001134;
    }
    header .content {
        padding: 0px; 
        margin: 30px;
        color: #fff;
        font-family: 'Roboto',sans-serif;
    }
    .search i{
         color:#fff;
    }
    .aux-progressbar-title {
        font-size: 1.3rem;
        font-weight: 500;
        margin: 0 0 10px;
    }
    .footer-head .heading {
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 500;
        font-family: 'Roboto',sans-serif;
        line-height: 1;
    }
    .testi-slider  svg{
         display: none;
    }
    .item-slider-area{
         width:auto !important;
    }

.about-section h1, .dark-area h1 {
  font-size: 50px;
  text-align: center;
}
}