.content-wrap{width:100%}
.content{padding:0}
.ashtar{margin-bottom:0}
.ashtar .mainbk{display:inline-block;width:100%;position:relative;float:right;min-height:862px;}
.ashtar .bigBK{display:inline-block;position:absolute;width:100%;height:100%;top:0;right:0;pointer-events:none;z-index:0}
.mainBox{display:inline-block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);padding:0 300px}
.ashtar .rightSide{display:inline-block;position:relative;width:580px;float:right;z-index:1;    margin-top: 78px;}
.ashtar .toplogos{display:inline-block;width:100%;float:right;position:relative}
.ashtar .toplogos img{display:inline-block;width:180px;height:auto;margin-left:40px}
.ashtar .toplogos img:last-child{margin-left:0;margin-top: -13px;}
.ashtar .toplogos:before{content:'';display:inline-block;position:absolute;width:2px;height:36px;background: #124D96;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ashtar .bottomData{display:inline-block;width:100%;float:right;margin-top:80px}
.ashtar .bottomData p{display:inline-block;width:100%;text-align:center;color: #124D96;font-family: DroidKufiLight, tahoma;font-size: 66px;font-weight: 700;line-height:1;margin-bottom: 40px;cursor:default}
.ashtar .bottomData p:nth-of-type(2n){font-size:62px;margin-bottom:0}
.ashtar .bottomData a{display:inline-block;width:100%;width: 250px;height: 70px;line-height:70px;border-radius: 10px;background: #124D96;color: #FFF;text-align: center;font-family:DroidKufiLight, tahoma;font-size: 20px;font-weight: 700;margin-top:80px}
.ashtar .leftSide{display:inline-block;position:relative;width:600px;float:left;z-index:1}
.ashtar .leftSide img{display:inline-block;width:100%;float:left;height:auto;pointer-events:none}
.ashtar .list{display:inline-block;width:100%;padding:60px 300px;background:#F5F5F5;position:relative}
.ashtar .list .listBK{display:inline-block;width:100%;height:100%;position:absolute;top:0;right:0;pointer-events:none}
.ashtar .listTitle{display:inline-block;position:relative;width:100%;text-align:center;font-family:DroidKufiLight, tahoma;color: #124D96;font-size: 32px;font-weight: 700;}
.ashtar .list ul{display:inline-block;width:100%;float:right;margin-top:50px}
.ashtar .list ul li{display:inline-block;position:relative;float:right;width:calc((100% - 40px) /3);margin-left:20px;margin-bottom:20px;height:80px;border-radius: 10px;background: #124D96;}
.ashtar .list ul li:nth-of-type(3n){margin-left:0}
.ashtar .list ul li:hover{background: rgba(18, 77, 150, .9);}
.ashtar .list ul li:nth-child(7n),
.ashtar .list ul li:nth-child(8n),
.ashtar .list ul li:nth-child(9n){background: rgba(1, 154, 1, .9)}
.ashtar .list ul li:nth-child(7n):hover,
.ashtar .list ul li:nth-child(8n):hover,
.ashtar .list ul li:nth-child(9n):hover{background: #019A01}
.ashtar .list ul li a{display:inline-block;position:absolute;width:100%;height:100%;top:0;right:0;padding:0 20px}
.ashtar .list ul li  p{display:inline-block;float:right;color: #FFF;text-align: right;font-family:DroidKufiLight, tahoma;font-size: 17px;font-weight: 700;line-height:80px}
.ashtar .list ul li span{display:inline-block;float:left;color: #FFF;text-align: right;font-family:DroidKufiLight, tahoma;font-size: 18px;font-weight: 700;line-height:80px}


@media screen and (min-width:1680px) and (max-width:1919px) {
    .mainBox{    padding: 0 200px;}
    .ashtar .list{padding:60px 200px}
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .ashtar .mainbk{min-height:710px}
    .mainBox{    padding: 0 150px;}
    .ashtar .list{padding:60px 150px}
}

@media screen and (min-width:1536px) and (max-width:1599px) {

       .ashtar .mainbk{min-height:670px}
    .mainBox{    padding: 0 190px;}
    .ashtar .list{padding:60px 190px}

    .ashtar .leftSide{width:540px}
    .ashtar .rightSide{width:480px}

    .ashtar .bottomData{margin-top:60px}
    .ashtar .bottomData p{font-size:60px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:56px}
    .ashtar .bottomData a{margin-top:60px}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    
       .ashtar .mainbk{min-height:670px}
    .mainBox{    padding: 0 140px;}
    .ashtar .list{padding:60px 140px}

    .ashtar .leftSide{width:540px}
    .ashtar .rightSide{width:480px}

    .ashtar .bottomData{margin-top:60px}
    .ashtar .bottomData p{font-size:60px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:56px}
    .ashtar .bottomData a{margin-top:60px}
}

@media screen and (min-width:1360px) and (max-width:1439px) {

         .ashtar .mainbk{min-height:570px}
    .mainBox{    padding: 0 150px;}
    .ashtar .list{padding:60px 150px}

    .ashtar .toplogos img{width:150px}

    .ashtar .leftSide{width:500px}
    .ashtar .rightSide{width:445px;    margin-top: 70px;}
    .ashtar .bottomData{margin-top:50px}
    .ashtar .bottomData p{font-size:54px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:51px}
    .ashtar .bottomData a{margin-top:50px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
           .ashtar .mainbk{min-height:570px}
    .mainBox{    padding: 0 100px;}
    .ashtar .list{padding:60px 100px}

    .ashtar .toplogos img{width:150px}

    .ashtar .leftSide{width:500px}
    .ashtar .rightSide{width:445px;    margin-top: 68px;}
    .ashtar .bottomData{margin-top:50px}
    .ashtar .bottomData p{font-size:54px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:51px}
    .ashtar .bottomData a{margin-top:50px}
}

@media screen and (min-width:1152px) and (max-width:1279px) {
           .ashtar .mainbk{min-height:570px}
    .mainBox{    padding: 0 80px;}
    .ashtar .list{padding:60px 80px}

    .ashtar .toplogos img{width:130px}

    .ashtar .leftSide{width:450px}
    .ashtar .rightSide{width:445px;    margin-top: 52px;}
    .ashtar .bottomData{margin-top:45px}
    .ashtar .bottomData p{font-size:50px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:47px}
    .ashtar .bottomData a{margin-top:45px}
}

@media screen and (min-width:1024px) and (max-width:1151px) {

            .ashtar .mainbk{min-height:570px}
    .mainBox{    padding: 0 60px;}
    .ashtar .list{padding:60px 60px}

    .ashtar .toplogos img{width:130px}

    .ashtar .leftSide{width:400px}
    .ashtar .rightSide{width:400px;    margin-top: 48px;}
    .ashtar .bottomData{margin-top:45px}
    .ashtar .bottomData p{font-size:42px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:38px}
    .ashtar .bottomData a{margin-top:45px}
}

@media screen and (min-width:768px) and (max-width:1023px) {
                .ashtar .mainbk{min-height:570px}
    .mainBox{    padding: 0 30px;}
    .ashtar .list{padding:60px 30px}

    .ashtar .toplogos img{width:100px}

    .ashtar .leftSide{width:320px}
    .ashtar .rightSide{width:340px;    margin-top: 48px;}
    .ashtar .bottomData{margin-top:35px}
    .ashtar .bottomData p{font-size:35px;    margin-bottom: 24px;}
    .ashtar .bottomData p:nth-of-type(2n){font-size:32px}
    .ashtar .bottomData a{margin-top:35px;height:60px;line-height:60px}

    .ashtar .listTitle{font-size:28px}
    .ashtar .list ul li{height:70px}
    .ashtar .list ul li p,
    .ashtar .list ul li span{font-size:15px;line-height:70px}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .content-wrap{padding:0}
    .ashtar .mainbk{min-height:500px}
    .mainBox{ position: relative; top: auto;left: auto;transform: none;padding: 0;padding-top:30px}

    .ashtar .leftSide{width:100%}
    .ashtar .leftSide img{width:calc(100% - 150px);float:none;max-width: 400px;}

    .ashtar .rightSide{width:100%;margin-top:50px}
    .ashtar .toplogos img{width:100px;margin-left:20px}
    .ashtar .toplogos img:last-child{margin-top: -10px;}
    .ashtar .toplogos:before{height:26px}

    .ashtar .bottomData{margin-top:40px}
    .ashtar .bottomData p{font-size:33px;margin-bottom:20px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:31px}
    .ashtar .bottomData a{width:280px;height:60px;line-height:60px;font-size:16px;margin-top:35px}

    .ashtar .list{padding:35px 15px}
    .ashtar .listTitle{font-size:20px}
    .ashtar .list ul{margin-top:35px}
    .ashtar .list ul li{width: 100%;height: 46px;margin-bottom:15px}
    .ashtar .list ul li p{font-size:14px;line-height:46px}
    .ashtar .list ul li span{font-size:16px;line-height:46px}

}

@media screen and (min-width: 320px) and (max-width: 412px) {

    .ashtar .bottomData{margin-top:40px}
    .ashtar .bottomData p{font-size:33px;margin-bottom:20px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:31px}
    .ashtar .bottomData a{margin-top:35px}

}

@media screen and (min-width: 413px) and (max-width: 767px) {
    .mainBox{padding-top:50px}
       .ashtar .bottomData p{font-size:36px;margin-bottom:20px}
    .ashtar .bottomData p:nth-of-type(2n){font-size:34px}

        .ashtar .bottomData {margin-top: 50px;}
        .ashtar .bottomData a{margin-top:50px;width:290px}

}