.absolute-section-1{
    position: absolute;
    top: 0;
    z-index: 0;
    width:100%;
    overflow-x:hidden;
}

.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: 30% 17% 14.5% 15%;
    height: 100%;
}

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

.content-section-1 h2{
    font-family:Myrid;
    text-align: left;
    font-size: 250%;
    margin-bottom: 5%;
}

.bg-section-1{
    z-index:0
}

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


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




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

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

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

.content-section-2 h2{
    font-family: Myrid;
    text-align: left;
    font-size: 200%;
    margin-bottom: 3%;
}





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




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

.content-section-3 ul{
    text-align: left;
    direction: ltr;
    line-height: 39px;
    padding:11px 0 30px 30px
}


.content-section-3 h3{
    font-family:Myrid;
    margin-top: 6%;
    font-size: 200%;
}


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

.header-3 img{
    width:23%
}

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


.margin-sectionMedals{
    margin-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% 5%;
}

.col-2-section-4 .content h2{
    font-family: Ebrima;
    border-left: 8px solid yellow;
    text-align: left;
    padding-left:2% ;
    margin-bottom: 4%;
    font-weight: 600;
    font-size:160%
}

.col-2-section-4 .content h3{
    font-family: Ebrima;
    text-align: left;
    padding-left:2% ;
    border-left: 8px solid yellow;
    margin: 6% 0 2%;
    font-weight:600;
    font-size:160%
}

.sectionDesigners{
    position: relative;
}

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

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


.item-2 .padding{
    padding: 12% 5% 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:56.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%;
}


.image-section-2 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;
}

.Mobile{
    display: block;
}


@media only screen and (max-width: 1831px) {
    .content-section-2 h2{
        font-size: 190%;
    }
}


@media only screen and (max-width: 1767px) {
    .content-section-2{
        padding:5.3% 13.5% 5% 49.5%;
    }
}



@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%;
    }

    .content-section-3{
        padding-bottom: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: 5% 13.5% 5% 48.5%;
    }

    .image-section-2 img{
        width: 105%;
    }
}

@media only screen and (max-width:1512px) {
    .content-section-2 h2{
        font-size:183%
    }
}


@media only screen and (max-width:1512px) {
    .content-section-2{
        padding:5% 10.5% 5% 47.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: 98%;
    }

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

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

    .image-section-2 img{
        width: 114%;
    }

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

    .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: 13.5% 13% 10%;
    }
}

@media only screen and (max-width:1250px) {
    .content-section-2{
        padding:5% 4.5% 0% 49.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%;
    }
    .content-section-2 h2{
        font-size:190%
    }

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

    .padding-section-1{
        padding-top:80px ;
    }

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

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

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

    }

    .content-section-2{
        padding: 6% 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;
    }

    .padding-section-3{
        padding:9.5% 13% 10%
    }

    .content-section-3 h3{
        font-size:180%
    }

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


@media only screen and (max-width:1004px) {
    .content-section-2 h2{
        margin-bottom: 1%;
    }

    .content-section-2{
        padding:4% 0
    }
}

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

    .content-section-2{
        padding: 6% 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:930px) {
    .Mobile{
        display: none;
    }

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

    .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%;
    }

    .header-3 img{
        width:37%
    }

    .margin-sectionMedals{
        margin-left: 0;
    }

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

    .sectionDesigners .content{
        margin:0 3%;
    }
}

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

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

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

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


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

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

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

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

    .Mobile{
        display: block;
    }

    .content-section-3 h3{
        font-size:160%
    }

    .content-section-3 ul{
        padding:11px 0 30px 20px
    }

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

}

@media only screen and (max-width:660px) {
    .content-section-2{
        padding:5% 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: 45%;
    }

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

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

    .Mobile{
        display: none;
    }

    .content-section-2 h2{
        margin-bottom: 3%;
        font-size:185%
    }

    .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 20.5%
    }

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

    .content-section-2{
        max-width: 70%;
    }

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

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

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

    .padding-section-3{
        max-width:70%
    }

    .content-section-3 h3{
        font-size:150%
    }

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


@media only screen and (max-width:460px){
    .image-section-2 img{
        width:125%
    }

    .padding-section-3{
        padding:26.5% 0 10%
    }
}

@media only screen and (max-width:420px){
    .image-section-2 img{
        width:166%
    }

    .padding-section-3{
        padding:26.5% 0 10%
    }

    .content-section-2{
        max-width:80%;
        padding:4% 0
    }

    .padding-section-1{
        max-width:70%
    }

    .padding-section-3{
        max-width:80%
    }

    .header-3 img{
        width:55%
    }
}