.topback{
    height:40vh;
    background-image: url('../img/contact/Head@2x.png');
    background-size: cover;
}

.positexttop{
    padding-top: 35vh;
    padding-left: 30vh;
    color: white;
}

.sizemap{
    width:450px;
    height:300px;
}

.contectback{
    height:35vh;
    background-color: #EFEFEF;
    background-size: auto;
}

.iconcontect{
    padding-top: 25px;
    padding-left: 45px;
}


.sizeimgapp{
    width:330px; 
    height:150px;
}

.sizeimgcon3{
    width:1000px;
    height:600px;
}

.toppic{
    color:#3B419B;
}
.line{
    color:#FF0017;
}


@media only screen and (max-width: 1270px) {
    .positexttop{
        padding-top: 35vh;
        padding-left: 0vh;
        color: white;
    }

    .sizemap{
        width:350px;
        height:300px;
        margin:auto;
    }

    .contectback{
        height:60vh;
        background-color: #EFEFEF;
        background-size: auto;
    }


    .sizeimgapp{
        width:560px; 
        height:250px;
       
    }

    .sizeimgcon3{
        width:700px;
        height:300px;
    }

}

@media only screen and (max-width: 400px) {
    .positexttop{
        padding-top: 35vh;
        padding-left: 0vh;
        color: white;
    }

    .sizemap{
        width:350px;
        height:300px;
        margin:auto;
    }

    .contectback{
        height:95vh;
        background-color: #EFEFEF;
        background-size: auto;
    }


    .sizeimgapp{
        width:560px; 
        height:250px;
    }

    .sizeimgcon3{
        width:100%;
        height:200px;
    }
}