.modal1 {
    width:50%;
    height:150px;
}

.main1 {
    margin-left: 10px;
    margin-bottom: 15px;
}

.main11 {
    width:100%;
    height:auto;
    font-size:15px;
    color: #697b8c;
    line-height: 26px;
}

.main111 {
    height:auto;
    float:right;
}

.img1 {
    width: 270px;
    height:150px;
    margin-left: 10px;
}

.modal2 {
    width:40%;
    height:150px;
}

.main2 {
    height: auto;
    margin-left: 10px;
    margin-bottom: 15px;
}

.main22 {
    width:100%;
    height:auto;
    font-size:15px;
    color: #697b8c;
    line-height: 26px;
}

.main222 {
    height:auto;
    float:right;
}

.img2 {
    width: 270px;
    height:150px;
    margin-left: 10px;
}

.modal3 {
    width:44%;
    height:auto;
}

.header {
    background-color: #303F57;
}

h4 {
    color: #FFFFFF;
}

.main3 {
    height: auto;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
}

.main33 {
    width:100%;
    height:auto;
    font-size:15px;
    color: #697b8c;
    line-height: 26px;
}

.main333 {
    height:auto;
    float:right;
}

.img3 {
    width: 270px;
    height:150px;
    margin-left: 10px;
}

.iButton {
    color: #FFFFFF;
}

@media screen and (max-width: 420px){
    .main1 {
        margin-left: 0;
    }

    .img1 {
        margin-left: 0;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .modal.fade.in {
        top: 0 !important;
    }

    .modalFormat {
        width:90%;
        margin-left:10px;
    }

    .modal1 {
        width: 100%;
    }
}