.mobile_menu .slicknav_menu .slicknav_nav{
    background-color:rgba(9, 10, 15, 0.92) !important;
}

.absolute-section-1{
    position: absolute;
    top: 0;
    z-index: 0;
}


.font{
    font-family:Kaman !important;
}

.col-1-section-1{
    flex:0 0 50%;
    max-width:50%
}

.col-2-section-1{
    flex:0 0 50%;
    max-width:50%
}

.padding-section-1{
    width: 1400px;
    margin: 0 auto;
    padding-top: 10%;
    position: relative;
    z-index: 1;
}

.image-section-1{
    padding-left:10%;
    margin-top: -5%;
}

.image-section-1 img {
    width:104.7%
}

.content-section-1{
    padding: 26% 20% 14.5% 15%;
    height: 100%;
}

.content-section-1 p{
    line-height: 32px;
    font-size: 110%;
    font-family: IranYekan, Ebrima;
}

.content-section-1 h2{
    font-family:Beirot;
    text-align: right;
    font-size: 250%;
    font-weight: 800;
    margin-bottom: 5%;
}

.section-Diehard{
    position: relative;
    z-index: 4;
    box-shadow: 0 0 50px 8px #000000e6;
}


.section-Diehard:hover{
    cursor: pointer;
}

.bg-section-2{
    width:100%;
}


.image-section-2{
    top: -12.5%;
    z-index: 3;
    position: absolute;
}

.content-section-2{
    position: relative;
    z-index: 5;
    padding: 9% 15.5% 5% 51.5%;
}

.content-section-2 p{
    font-size: 110%;
    line-height: 30px;
    font-family: IranYekan, Ebrima;
}

.content-section-2 h2{
    font-family: Beirot, Ebrima;
    text-align: right;
    font-size: 230%;
    font-weight: 800;
    margin-bottom: 3%;
}


.bg-section-1{
    width:100%;
}

.sectionMedals{
    background: url("/media/images/NewStyle/img/AboutUsElements/About-Us-4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}




.padding-section-3{
    padding: 8.5% 20% 10% 13.2%;
}

.content-section-3 ul{
    text-align: right;
    direction: rtl;
    line-height: 37px;
}

.content-section-3 ul li{
    font-family:Beirot, Ebrima;
    color:white;
    font-size: 130%;
}

.header-3 img{
    width:35%
}

.image-section-3 img{
    width: 100%;
    padding-left:15%
}

.padding-section-4{
    padding: 0 20% 0 13%
}

.header-4 img{
    width: 36%;
}

.col-1-section-4{
    width: 40%;
}

.col-1-section-4 img{
    width: 100%;
}

.col-2-section-4{
    width: 58%;
    padding: 8% 0 3%;
}

.col-2-section-4 .content h2{
    font-family: Beirot;
    border-right: 8px solid yellow;
    text-align: right;
    padding-right:2% ;
    margin-bottom: 4%;
}

.col-2-section-4 .content h3{
    font-family: Beirot;
    text-align: right;
    padding-right:2% ;
    border-right: 8px solid yellow;
    margin: 6% 0 2%;
}

.sectionDesigners{
    position: relative;
}

.padding-section-4 .row{
    padding:8% 0 10% 10%
}

.lineHeight p{
    margin-bottom: 0.3%;
}


.item-2 .padding{
    padding: 12% 6% 3% 0;
}

.item-2{
    z-index: 7;
    position: relative;
}

.item-3{
    z-index: 9;
    position: relative;
}


.bg-item-2{
    position: absolute;
    top:24.5%;
    z-index: 6;
}


.bg-item-3{
    position: absolute;
    top:54.5%;
    z-index: 8;
}



footer{
    position: relative;
    z-index: 10;
}

.padding-top-item-2{
    padding:15% 0 10% 10% !important;
}

.padding-top-item-3{
    padding:19% 0 10% 10% !important;
}


.bg-item-3 img{
    width: 100%;
}




.bg-item-2 img{
    width: 100%;
}


.header-section-1-mobile{
    display: none ;
}

.header-section-1{
    display: block ;
}

.image-section-1{
    display: block;
}



@media only screen and (max-width:1600px){
    .padding-section-1{
        max-width: 1200px;
    }


    .content-section-1{
        padding: 25% 20% 8.5% 15%;
    }

    .content-section-1 p{
        font-size:105%
    }

    .image-section-2{
        top: -12.5%;
    }

    .content-section-2 p{
        font-size: 105%;
    }

    .padding-section-3{
        padding-top: 13.5%;
    }



    .image-section-3 img{
        width: 93%;
    }

    .col-2-section-4{
        width: 53%;
        padding:7% 0 3% 4%;
    }

    .col-1-section-4{
        width: 47%;
    }

    col-2-section-4 p{
        font-size: 92%;
    }

    .padding-top-item-2{
        padding: 16% 0 10% 10% !important;
    }

    .bg-item-2{
        top: 23.5%;
    }

    .bg-item-3{
        top: 58.2%
    }

    .padding-top-item-3{
        padding-top: 28% !important;
    }

    .col-2-section-4{
        padding:3% 0 0 4% ;
    }

    .item-2 .padding{
        padding: 6% 6% 3% 0;
    }

    .content-section-2{
        padding: 6% 13.5% 5% 48.5%;
    }


}

@media only screen and (max-width: 1350px) {
    .padding-section-1{
        width: 1000px;
    }
    .header-section-1 img{
        width: 49%;
    }

    .content-section-1 h2{
        font-size: 230%;
    }

    .image-section-1 img{
        width: 111.7%;
    }

    .content-section-1 p{
        font-size: 96%;
    }

    .content-section-1{
        padding: 15% 13% 8.5% 15%;
    }

    .image-section-2{
        top: -11.5%;
    }

    .content-section-2 p{
        font-size: 96%;
    }

    .content-section-2 h2{
        font-size: 215%;
    }

    .content-section-2{
        padding: 6% 9.5% 0% 49.5%;
    }



    .content-section-3 ul li{
        font-size: 165%;
    }

    .col-2-section-4 .content h2{
        font-size: 170%;
    }

    .padding-section-4 .row{
        padding: 8% 0 10% ;
    }

    .col-2-section-4 .content h3{
        font-size: 155%;
    }

    .bg-item-2{
        top: 26%;
    }

    .padding-section-4{
        padding: 0 13%;
    }

    .col-1-section-4 img{
        padding-left: 4%;
    }

    .item-2 .padding{
        padding: 3% 4% 3% 0;
    }

    .image-section-3 img{
        margin-bottom: 6%;
    }

    .bg-item-3{
        top: 57%;
    }

    .padding-top-item-3{
        padding:24% 0 10% !important; ;
    }

    /*.sectionDesigners .row{
        width: 100%;
    }*/

    .padding-section-3{
        padding: 11.5% 13% 10%;
    }
}


@media only screen and (max-width:1300px){
    .content-section-2{
        padding:5% 9.5% 0% 44.5%;
    }
}


@media only screen and (max-width:1270px){
    .content-section-2{
        padding:4% 9.5% 0% 43.5%;
    }
}


@media only screen and (max-width:1150px) {
    .padding-section-1{
        width: 800px;
    }
    .header-section-1{
        display: none;
    }

    .col-1-section-1{
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }

    .col-2-section-1{
        flex: 0 0 100%;
        max-width: 100%;
    }


    .header-section-1-mobile{
        display: block;
    }

    .padding-section-1{
        padding-top:10% ;
    }

    .header-section-1-mobile img {
        width: 25%;
    }

    .content-section-1{
        padding: 3% 0 16%;
    }
    .content-section-1 h2{
        margin-bottom: 3%;
    }

    .image-section-1 img{
        width: 50%;

    }

    .content-section-2{
        padding: 5% 0;
        width: 830px;
        margin: 0 auto;
    }

    .sectionMedals p{
        font-size:90%;
    }
    .col-2-section-4{
        padding: 1% 0 0 4%;
    }

    .col-2-section-4 .content h2{
        font-size: 150%;
    }

    .padding-top-item-2{
        padding: 25% 0 10% !important;
    }

    .bg-item-2{
        top: 26%;
    }

    .item-2 .padding{
        padding: 1% 3% 3% 0;
    }

    .padding-top-item-3{
        padding: 34% 0 10% !important;
    }

    .bg-item-3{
        top: 59%;
    }

    .content-section-3 ul li{
        font-size: 155%;
    }

    .image-section-1{
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .padding-section-1{
        width: 700px;
    }

    .content-section-2{
        padding: 16% 0;
        width: 730px;
    }

    .bg-item-2{
        display: none;
    }
    .bg-item-3{
        display: none;
    }

    .padding-top-item-2{
        padding: 9% 0 !important;
    }

    .padding-top-item-3{
        padding: 9% 0 !important;
    }

    .col-1-section-4{
        padding: 4% 0;
    }

    .padding-section-3{
        max-width: 730px;
        margin: 0 auto;
        padding: 13.5% 0 10%;
    }

    .padding-section-4{
        max-width: 730px;
        margin: 0 auto;
        padding: 0;
    }
}
@media only screen and (max-width:850px) {
    .padding-section-1{
        width: 600px;
    }
    
    .content-section-2{
        padding:13% 0;
    }

    .content-section-2{
        max-width: 630px;
    }

    .content-section-3 ul li{
        font-size: 143%;
    }

    .content-section-3{
        margin: 7% 0 2%;
    }

    .image-section-3 img{
        padding-left: 0;
    }

    .image-section-3 img{
        width: 100%;
    }

    .padding-section-3{
        max-width: 630px;
    }

    .padding-section-4{
        max-width: 630px;
    }
    .col-1-section-4{
        max-width: 100%;
        flex: 0 0 100%;
    }

    .col-2-section-4{
        max-width: 100%;
        flex: 0 0 100%;
    }

    .col-1-section-4 img{
        padding: 0;
    }

    .item-1{
        padding: 4%;
    }

    .item-2{
        padding: 4%;
    }

    .item-3{
        padding: 4% 4% 10%;
    }

    .padding-section-4 .row{
        padding: 0;
    }

    .col-2-section-4{
        padding: 0 4%;
    }

    .sectionMedals p{
        font-size: 100%;
    }

    .order{
        order: 2;
    }

    .col-1-section-4 img{
        padding: 4%;
    }

    .padding-top-item-3{
        padding: 0 !important;
    }

    .item-2 .padding{
        padding: 4%;
    }

    .header-section-1-mobile img{
        width: 38%;
    }

    .header-3 img{
        width: 50%;
    }

    .header-4 img{
        width: 50%;
    }

}

@media only screen and (max-width: 767px) {
    .padding-section-1{
        width: 500px;
    }
    
    .content-section-2{
        padding:60px 0;
    }

    .content-section-1{
        padding: 3% 0 19.5%;
    }


    .content-section-2{
        max-width: 530px;
    }

    .padding-section-3{
        max-width: 530px;
    }

    .header-3 img{
        width: 60%;
    }

    .content-section-3{
        padding: 10% 0 2%;
    }

    .content-section-3 ul li{
        font-size: 138%;
    }

    .padding-section-4{
        width: 530px;
    }

    .header-4 img{
        width: 65%;
    }

}

@media only screen and (max-width:650px){
    .content-section-2{
        padding:40px 0;
    }
}


@media only screen and (max-width: 600px) {
    .padding-section-1{
        width: 400px;
    }
    .header-4 img{
        width: 80%;
    }

    .content-section-2{
        max-width: 430px;
    }

    .padding-section-3{
        max-width: 430px;
    }

    .header-3 img{
        width: 80%;
    }

    .image-section-3 img{
        margin-bottom: 10%;
    }

    .padding-section-4{
        max-width: 430px;
    }
    
    
    .content-section-2 h2{
        font-size:171% !important;
    }
    
    
    .content-section-2 p{
        line-height:28px;
    }
    

    
    .padding-section-1{
        padding-top:20%
    }
     .content-section-2{
        padding:15% 0;
    }


.hidden-mibile{
    display:none;
}
}

@media only screen and (max-width:550px){
    .content-section-2{
        padding: 10% 0
    }
}



@media only screen and (max-width: 500px) {
    .padding-section-1{
        width: 300px;
    }

    .header-section-1-mobile img{
        width: 58%;
    }

    .content-section-1{
        padding:13% 0 8.5%
    }

    .content-section-2{
        max-width: 330px;
    }

    .padding-section-3{
        max-width: 330px;
    }

    .padding-section-4{
        max-width: 330px;
    }

    .header-4 img{
        width: 100%;
    }

    .header-3 img{
        width: 90%;
    }
    
    .padding-section-1{
        width:auto;
    }
    
    
    .header-section-1-mobile img{
        width:65%;
    }
    
    .padding-section-1{
        padding:110px 12% 15% !important;
    }
    
    .padding-section-3{
        padding:200px 0 10%;
    }
    
    
    .content-section-2{
        width:auto;
        padding:5% 12% !important;
        max-width:none;
    }
    
    .padding-section-3{
        padding:100px 12% 10%;
         max-width:none;
         width:auto;
    }
    
    .section-Diehard{
        height:auto !important;
    }
    
    
    
}

@media only screen and (max-width:400px) and (min-width:350px){
    .bg-section-2{
        height:auto !important;
    }
}


@media only screen and (max-width:350px){
    .content-section-2{
        padding: 3% 12% !important;
    }
}