@charset "utf-8";
/* CSS Document */

#modalOuterTotalArea {
    z-index: 3000;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.7);
}


.modal_wraparea {
    background: #ffffff url(../images/modalBlueBg.jpg) no-repeat;
    background-size: cover;
    width: 750px;
    min-height: 310px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    z-index: 1000;
    top: 20%;
    left: 35%;
    border-radius: 4px 4px 0px 0px;
}

.modal_wrapareaOrange {
    background: #ffffff url(../images/modal-bg-orange.jpg) no-repeat;
    background-size: cover;
    width: 750px;
    min-height: 330px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    z-index: 1000;
    top: 20%;
    left: 35%;
    border-radius: 4px 4px 0px 0px;
}

.modal_wrapareaBlue {
    background: #ffffff url(../images/modalBlueBg.jpg) no-repeat;
    background-size: cover;
    width: 400px;
    min-height: 200px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    z-index: 1000;
    top: 5%;
    left: 45%;
}

.modal_wrapareaSMALL {
    background: #ffffff url(../images/woodBGPart3.png) no-repeat;
    background-size: cover;
    width: 420px;
    min-height: 230px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    z-index: 1000;
    top: 20%;
    left: 42%;
    border-radius: 4px 4px 4px 4px;
    border: #ffffff solid 8px;
}

.modHeadPart {
    float: left;
    width: 100%;
}

.modHeadPartSM {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 7px;
}

.closeButt {
    float: right;
    margin-right: -12px;
    width: auto;
    margin-top: -12px;
}

.closeButt1 {
    /*position: relative;
    top: -291px;
    margin-bottom: -290px;*/
    float: right;
    left: 23px;
    cursor: pointer;
    top: -30px;
    position: relative;
}

    .closeButt1:hover {
        opacity: 0.8;
    }

.closeButt:hover {
    opacity: 0.8;
}

.modTextPart {
    float: left;
    width: 90%;
    min-height: 215px;
    padding: 2%;
    margin: 3% 3% 2% 3%;
    font-size: 16px;
    line-height: 20px;
    color: #575757;
    background: rgba(105, 160, 211, 0.1);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .modTextPart p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
        font-weight: normal;
        margin: 0px;
        padding-bottom: 8px;
        color: #575757;
    }

        .modTextPart p b.caps {
            font-size: 17px;
            color: #1371ae;
            text-transform: uppercase;
        }

        .modTextPart p b.capsOran {
            font-size: 17px;
            color: #ff6600;
            text-transform: uppercase;
        }

        .modTextPart p span.FastCap {
            font-size: 17px;
            text-transform: uppercase;
            margin-left: 3px;
        }

        .modTextPart p.cboxSec {
            color: #f28011;
            margin-top: 10px;
        }

            .modTextPart p.cboxSec input {
                float: left;
                margin-right: 10px;
                margin-left: 0px;
            }

            .modTextPart p.cboxSec span {
                float: left;
                color: #f28011;
                font-size: 14px;
                line-height: 17px;
                width: 95%;
            }

.modTextPartSMALL {
    float: left;
    width: 98%;
    min-height: 120px;
    padding: 1px 1% 2% 1%;
    margin: 1px 1% 3% 1%;
    font-size: 18px;
    line-height: 24px;
    color: #575757;
    background: rgba(105, 160, 211, 0.1);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .modTextPartSMALL p {
        float: left;
        width: 100%;
        font-size: 20px;
        text-align: justify;
        line-height: 30px;
        color: #333333;
        padding: 0px;
        margin: 12px 0px 4px 0px;
    }

        .modTextPartSMALL p span {
            color: #ea7700;
        }

    .modTextPartSMALL div.LboxPart {
        float: left;
        width: 100%;
        margin-top: 10px;
        /*color:#1b680f;*/
        color: #333333;
    }


a.modButt {
    float: left;
    background: url(../images/buttBG.jpg) repeat-x;
    width: 100%;
    height: 46px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    cursor: pointer;
    border-radius: 0px 0px 4px 4px;
}

    a.modButt:hover {
        background: url(../images/buttBGOpposite.jpg) repeat-x;
    }

a.modOrangeButt {
    float: left;
    background: url(../images/buttOrange.jpg) repeat-x;
    width: 100%;
    height: 46px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    cursor: pointer;
    border-radius: 0px 0px 4px 4px;
}

    a.modOrangeButt:hover {
        background: url(../images/buttOrangeOpposite.jpg) repeat-x;
    }

.whArrow {
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

.buttPartSEC {
}

a.buttBluePartSEC {
    float: right;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#126ba3+0,487d9e+100 */
    background: #126ba3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNmJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODdkOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #126ba3 0%, #487d9e 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#126ba3), color-stop(100%,#487d9e)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #126ba3 0%,#487d9e 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #126ba3 0%,#487d9e 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #126ba3 0%,#487d9e 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #126ba3 0%,#487d9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126ba3', endColorstr='#487d9e',GradientType=0 ); /* IE6-8 */
    width: 120px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    cursor: pointer;
    margin-right: 3px;
    border-radius: 0px 0px 4px 4px;
}

    a.buttBluePartSEC:hover {
        opacity: 0.8;
    }

a.buttOrangePartSEC {
    float: right;
    background: #c77344; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3NzM0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2Q2N2Y0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjhiNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c77344 0%, #d67f4a 14%, #eb8b51 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c77344), color-stop(14%,#d67f4a), color-stop(100%,#eb8b51)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #c77344 0%,#d67f4a 14%,#eb8b51 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #c77344 0%,#d67f4a 14%,#eb8b51 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #c77344 0%,#d67f4a 14%,#eb8b51 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #c77344 0%,#d67f4a 14%,#eb8b51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c77344', endColorstr='#eb8b51',GradientType=0 ); /* IE6-8 */
    width: 120px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    cursor: pointer;
    margin-right: 3px;
    border-radius: 0px 0px 4px 4px;
}

    a.buttOrangePartSEC:hover {
        opacity: 0.8;
    }

/*Payment Modal */
.paymentCon p span {
    color: #073084;
}

.PaymentBtnSave {
    padding-left: 0px;
}

.PaymentBtnClose {
    padding-left: 0px;
}

.paymentCon {
    float: left;
    width: 98%;
    min-height: 100px;
    padding: 1px 1% 0 1%;
    margin: 1px 1% 1% 1%;
    font-size: 18px;
    line-height: 21px;
    color: #575757;
}

    .paymentCon p {
        font-size: 19px;
        margin: 6px 0px 4px 0px;
    }

/*Payment Modal End*/

@media (max-width: 1440px) {
    .modal_wraparea {
        left: 25%;
    }

    .modal_wrapareaOrange {
        left: 25%;
    }

    .modal_wrapareaSMALL {
        left: 32%;
    }
}

@media (max-width: 1366px) {
    .modal_wraparea {
        left: 22%;
    }

    .modal_wrapareaOrange {
        left: 22%;
    }

    .modal_wrapareaSMALL {
        left: 29%;
    }
}

@media (max-width: 1200px) {
    .modal_wraparea {
        left: 18%;
    }

    .modal_wrapareaOrange {
        left: 18%;
    }

    .modal_wrapareaSMALL {
        left: 25%;
    }
}

@media (max-width: 1100px) {
    .modal_wraparea {
        left: 12%;
    }

    .modal_wrapareaOrange {
        left: 12%;
    }

    .modal_wrapareaSMALL {
        left: 28%;
    }
}

@media (max-width: 900px) {
    .modal_wraparea {
        left: 4%;
    }

    .modal_wrapareaOrange {
        left: 4%;
    }

    .modal_wrapareaSMALL {
        left: 15%;
    }
}

@media (max-width: 790px) {
    .modal_wraparea {
        left: 1%;
        top: 3%;
    }

    .modal_wrapareaOrange {
        left: 1%;
        top: 3%;
    }

    .modal_wrapareaSMALL {
        top: 3%;
        left: 10%;
    }
}

@media (max-width: 750px) {
    .modal_wraparea {
        width: 550px;
        left: 3%;
    }

    .modal_wrapareaOrange {
        width: 550px;
        left: 3%;
    }

    .modal_wrapareaSMALL {
        top: 1%;
        left: 7%;
    }
}

@media (max-width: 600px) {
    .modal_wraparea {
        width: 500px;
        left: 3%;
    }

    .modal_wrapareaOrange {
        width: 500px;
        left: 3%;
    }
    /*.modTextPart p {
	text-align:left;
}*/
    .modal_wrapareaSMALL {
        top: 1%;
        left: 6%;
    }
}

@media (max-width: 500px) {
    .modal_wraparea {
        width: 380px;
        left: 6%;
    }

    .modal_wrapareaOrange {
        width: 380px;
        left: 6%;
    }
    /*.modTextPart p {
	text-align:left;
}*/
    .modal_wrapareaSMALL {
        top: 1%;
        left: 4%;
    }
}

@media (max-width: 480px) {
    .modal_wraparea {
        width: 340px;
        left: 10%;
        position: relative;
        max-height: 350px;
        overflow: auto;
    }

    .modal_wrapareaOrange {
        width: 340px;
        left: 10%;
        position: relative;
        max-height: 350px;
        overflow: auto;
    }

    .modTextPart p.cboxSec span {
        width: 93%;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .modTextPart p.cboxSec input {
        float: left;
        margin-right: 4px;
    }

    .modTextPart p {
        font-size: 12px;
        padding-bottom: 4px;
    }

    .modal_wrapareaSMALL {
        width: 320px;
        min-height: 230px;
        top: 2%;
        left: 8%;
    }
}

@media (max-width: 400px) {
    .modal_wraparea {
        width: 300px;
        left: 10%;
        position: relative;
        max-height: 300px;
        overflow: auto;
    }

    .modal_wrapareaOrange {
        width: 300px;
        left: 10%;
        position: relative;
        max-height: 300px;
        overflow: auto;
    }

    .modTextPart {
        font-size: 18px;
    }

    .modal_wrapareaSMALL {
        width: 320px;
        top: 2%;
        left: 5%;
    }

    .modHeadPartSM img {
        max-width: 80%;
    }
}

@media (max-width:350px) {
    .modal_wraparea {
        width: 280px;
        left: 4%;
    }

    .modal_wrapareaOrange {
        width: 280px;
        left: 4%;
    }

    .modTextPart {
        font-size: 18px;
    }

    .modal_wrapareaSMALL {
        width: 300px;
        top: 1%;
        left: 10px;
    }

    .modal_wrapareaSMALL {
        width: 300px;
        top: 2%;
        left: 3%;
    }
}

/*Email Subscription*/

body {
    font-family: "QuikanouSan";
}

.subsContMainWrap {
    width: 100%;
    margin-top: 45px;
}

.subsAreaMain {
    max-width: 881px;
    margin: 0px auto;
}

.subsAreaTop {
    width: 100%;
}

.topOfrTagDiv {
    position: relative;
    top: 200px;
    right: 100px;
    margin-top: -200px;
}

.topBanImgDiv {
    max-height: 268px;
    background-size: cover;
}

    .topBanImgDiv img {
        width: 100%;
    }

.subsAreaBottom {
    width: 100%;
    max-width: 881px;
    height: 265px;
    border-radius: 10px 10px 10px 10px;
    background: rgba(160,210,217,1);
    background: -moz-linear-gradient(top, rgba(160,210,217,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,210,217,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(160,210,217,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(160,210,217,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(160,210,217,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(160,210,217,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d2d9', endColorstr='#ffffff', GradientType=0 );
}

.subsMidArea {
    width: 98%;
    /*height: 200px;*/
    margin: 0px auto;
}

.logoTxtWrapper {
    width: 100%;
    padding-top: 20px;
}

.logoDiv {
    width: 36%;
    float: left;
}

    .logoDiv img {
        /*width: 100%;
        max-width: 110px;*/
        width: 100%;
        max-width: 295px;
        padding: 5px;
        border: 2px solid #fff;
    }

.subsTxtDiv {
    /*width: 80%;
    font-size: 18px;
    float: left;
    color: #0b7271;
    text-align: justify;*/
    width: 58%;
    font-size: 18px;
    float: left;
    color: #333;
    text-align: justify;
    /* vertical-align: middle; */
    /*height: 107px;*/
}

.subsbTxtDiv {
    /*width: 80%;
    font-size: 18px;
    float: left;
    color: #0b7271;
    text-align: justify;*/
    width: 58%;
    font-size: 18px;
    float: left;
    color: #333;
    text-align: justify;
    /* vertical-align: middle; */
    padding-top: 5px;
}

.subsInputMain {
    width: 100%;
    /*margin-top: 20px;*/
}
/*.subsInputBox{
	width:72%;
	float:left;
	margin-right:3%;
}*/

.subsInputBox {
    /*width: 33%;*/
    float: left;
    margin-right: 3%;
    /*margin-left: 150px;*/
    margin-top: 30px;
}

/*.subsInputBut{
	width:20%;
	float:left;	
}*/
.subsInputBut {
    width: 20%;
    float: left;
    margin-top: 30px;
}

.topText2 a {
    color: #FF5722;
    text-decoration: underline !important;
    /*display: block;*/
}

.subsInput {
    width: 100%;
    height: 35px !important;
    padding-left: 5px;
    font-size: 16px;
}

.subsBut {
    width: 147px;
    height: 35px;
    font-size: 16px;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    background: rgba(34,174,181,1);
    background: -moz-linear-gradient(left, rgba(34,174,181,1) 0%, rgba(23,192,230,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34,174,181,1)), color-stop(100%, rgba(23,192,230,1)));
    background: -webkit-linear-gradient(left, rgba(34,174,181,1) 0%, rgba(23,192,230,1) 100%);
    background: -o-linear-gradient(left, rgba(34,174,181,1) 0%, rgba(23,192,230,1) 100%);
    background: -ms-linear-gradient(left, rgba(34,174,181,1) 0%, rgba(23,192,230,1) 100%);
    background: linear-gradient(to right, rgba(34,174,181,1) 0%, rgba(23,192,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22aeb5', endColorstr='#17c0e6', GradientType=1 );
}

.closeButt {
    position: relative;
    top: -291px;
    margin-bottom: -290px;
    float: right;
    left: 23px;
    cursor: pointer;
}

.subsContMobWrap {
    display: none;
    background: url(backBg.png);
    height: 500px;
    background-size: cover;
}

.topBanImgTabDiv {
    display: none;
}

    .topBanImgTabDiv img {
        width: 100%;
    }


.topBanImgDivText {
    position: absolute;
    top: 20%;
    left: 35%;
    /* margin: auto 10px; */
    width: 30%;
    color: #fff;
    font-size: 27px;
    text-align: center;
}


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


    .subsBut {
        height: 35px;
    }
}

@media only screen and (max-width: 879px) {
    .subsAreaMain {
        max-width: 600px;
    }

    .topBanImgDiv {
        height: 183px;
    }

    .topOfrTagDiv img {
        width: 200px;
    }

    .topOfrTagDiv {
        position: relative;
        top: 128px;
        right: 100px;
        margin-top: -128px;
    }

    .subsInputBox {
        margin-right: 4%;
    }

    .closeButt {
        top: -205px;
        margin-bottom: -205px;
    }

    .topBanImgDivText {
        position: absolute;
        top: 12%;
        left: 17%;
        /* margin: auto 10px; */
        width: 70%;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }


    .subsAreaBottom {
        height: 300px;
    }

    .logoDiv {
        width: 34%;
        float: left;
    }

    .subsTxtDiv {
        width: 58%;
        font-size: 16px;
        margin-left: 5px;
        float: left;
        color: #333;
        text-align: justify;
        /* vertical-align: middle; */
        height: 155px;
    }

    .subsInputBox {
        width: 37%;
        float: left;
        margin-right: 2%;
        margin-left: 1%;
        margin-top: 20px;
    }

    .subsbTxtDiv {
        /*width: 80%;
    font-size: 18px;
    float: left;
    color: #0b7271;
    text-align: justify;*/
        width: 100%;
        font-size: 16px;
    }
}

@media only screen and (max-width: 669px) {
    .subsTxtDiv {
        width: 56%;
        font-size: 14px;
        float: left;
        color: #333;
        text-align: justify;
        margin-left: 5px;
        /* vertical-align: middle; */
        height: 121px;
    }

    .subsAreaBottom {
        height: 250px;
    }

    .subsbTxtDiv {
        font-size: 14px;
        float: left;
        color: #333;
        text-align: justify;
        /* vertical-align: middle; */
    }

    .closeButt1 {
        float: right;
        left: 5px;
        cursor: pointer;
        top: -20px;
        position: relative;
        width: 39px;
    }
}

@media only screen and (max-width: 650px) {
    .subsTxtDiv {
        width: 56%;
        font-size: 13px;
        float: left;
        color: #333;
        text-align: justify;
        margin-left: 5px;
        /* vertical-align: middle; */
        height: 121px;
    }
}

/*@media only screen and (max-width: 572px) {


  

    .closeButt {
        top: -150px;
    }
     .subsMidArea {
        width: 98%;
    }
    .topBanImgDivText {
        position: absolute;
        top: 12%;
        left: 17%;
       
        width: 70%;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }
}*/

/*@media only screen and (max-width: 487px) {
    .subsTxtDiv {
        font-size: 12px;
    }

  

    .closeButt {
        top: -125px;
    }

    .logoTxtWrapper {
        height: 54px;
    }

    .subsAreaBottom {
        height: 130px;
    }

    /*.subsAreaBottom {
        padding: 10px;
        width: 100%;
    }*/

.subsMidArea {
    width: 95%;
}

.logoTxtWrapper {
    margin-top: 5px;
}

.topBanImgDivText {
    position: absolute;
    top: 12%;
    left: 17%;
    /* margin: auto 10px; */
    width: 70%;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

}
*/

/*@media only screen and (max-width: 400px) {
}*/

/*@media only screen and (max-width: 370px) {
    .closeButt {
        top: -100px;
    }
}*/