@media screen and (max-width:1700px){
    .spe-menu .main-txt img{
        width: 30%;
    }

    .under-icon{
        right: 55%;
        margin: auto;
        width: 5%;
    }

    .under-icon img{
        width: 100%;
    }
}

@media screen and (max-width:1440px){
    .spe-main .main-box2{
        width: 100%;
    }

    .main-box2 p img{
        width: 100%;
    }

    .spe-main .hukidasi1{
        width: 18%;
        top: 20%;
        left: 22%;
        padding: 0;
    }

    .spe-main .hukidasi2{
        width: 42%;
        top: 18%;
        right: -5%;
    }
}


@media screen and (max-width:768px){

    .txt-l{
        font-size: 90%;
    }

    #at-1{
        margin-top: 15%;
        padding: 0;
    }

    .spe-main{
        margin: 0;
        height: 100%;
    }

    .spe-main img{
        padding: 0;
    }

    .sp-category{
        width: 80%;
        margin: auto;
    }

    .sp-category p{
        text-align: center;
        padding: 10% 0;
        font-size: 120%;
    }

    .sp-category li{
        width: 45%;
    }

    #var1{
        background-image: url('../img/sp-bg1.png');
    }

    #var2{
        background-image: url('../img/sp-bg2.png');
    }        

    .center2{
        width: 100%;
    }
    
    .spe-cont .sp-box1{
        width: 80%;
        float: none!important;
    }

    #st-main h2{
        font-size: 1.2em;
    }

    .m-txt1{
        padding-top: 5%;
    }

    

}




@media screen and (max-width:550px){
    .sp-category p{
        font-size: 100%;
    }   
}



@media screen and (max-width:450px){
    #at-1{
        margin-top: 20%;
    }
}


@media screen and (max-width:380px){
    #at-1{
        margin-top: 22%;
    }

    .sp-category li{
        width: 47%;
    }
}


@media screen and (max-width:340px){
    #at-1{
        margin-top: 25%;
    }
}