@media only screen and (min-width:1024px) {
    .mainarea {width: 1002px;margin:5px auto;}
    .mainarea .leftarea{width: 750px;float: left;box-sizing: border-box;}
    .mainarea .leftarea h1{margin: 0 auto;text-transform: capitalize;text-align: center;}
    .mainarea .leftarea .time{margin: 0 auto;text-align: center;}

    .mainarea .leftarea .content{padding: 10px 20px;}
    .mainarea .leftarea .content .title{text-transform: capitalize;font-weight: bold;}
    .mainarea .leftarea .rela_cont{width: 80%;border: 1px solid #ccc;}

    .mainarea .leftarea .content form{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content form label{width: 100px;display: inline-block;}
    .mainarea .leftarea .content form label:nth-of-type(2){height: 180px;vertical-align: bottom;line-height: 180px;}
    .mainarea .leftarea .content form input[type=submit],.mainarea .leftarea .content form input[type=reset]{
        display: inline-block;width: 80px;margin:5px 50px;cursor: pointer; }
    .mainarea .leftarea .content form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .mainarea .leftarea .content table,.mainarea .leftarea .content table tr{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content table tr{height: 50px;}
    .mainarea .leftarea .content table tr td{display: inline-block;height: 50px;line-height: 50px;}
    .mainarea .leftarea .content table tr td:nth-child(1),.mainarea .leftarea .content table tr td:nth-child(2),
    .mainarea .leftarea .content table tr td:nth-child(3){width: 100px;word-break: break-all;text-align: center;}


    .mainarea .rightarea{width: 250px;float: right;box-sizing: border-box;}
    .mainarea .rightarea .right_one{background-image: url("../images/index_r3_c1.jpg");background-repeat: no-repeat;
        background-size: 100%;border: 1px solid #ccc;padding-top: 30px;}
    .mainarea .rightarea .right_one ul{width: 250px; list-style: none;box-sizing: border-box;padding:0;}
    .mainarea .rightarea .right_one ul li{display: inline-block;width: 250px;height: 180px;margin: 5px auto;text-align: center;border-bottom: 1px solid #999;}
    .mainarea .rightarea .right_one ul li a{text-decoration: none;}
    .mainarea .rightarea .right_one ul li img{width: 225px;height:150px;}
}

@media only screen and (min-width:993px) and (max-width:1023px){
    .mainarea {width: 993px;margin:5px auto;}
    .mainarea .leftarea{width: 740px;float: left;box-sizing: border-box;}
    .mainarea .leftarea h1{margin: 0 auto;text-transform: capitalize;text-align: center;}
    .mainarea .leftarea .time{margin: 0 auto;text-align: center;}

    .mainarea .leftarea .content{padding: 10px 20px;}
    .mainarea .leftarea .content .title{text-transform: capitalize;font-weight: bold;}
    .mainarea .leftarea .rela_cont{width: 80%;border: 1px solid #ccc;}

    .mainarea .leftarea .content form{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .mainarea .leftarea .content form label{width: 100px;display: inline-block;}
    .mainarea .leftarea .content form label:nth-of-type(2){height: 180px;vertical-align: bottom;line-height: 180px;}
    .mainarea .leftarea .content form input[type=submit],.mainarea .leftarea .content form input[type=reset]{
        display: inline-block;width: 80px;margin:5px 50px;cursor: pointer; }
    .mainarea .leftarea .content table,.mainarea .leftarea .content table tr{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content table tr{height: 50px;}
    .mainarea .leftarea .content table tr td{display: inline-block;height: 50px;line-height: 50px;}
    .mainarea .leftarea .content table tr td:nth-child(1),.mainarea .leftarea .content table tr td:nth-child(2),
    .mainarea .leftarea .content table tr td:nth-child(3){width: 100px;word-break: break-all;text-align: center;}

    .mainarea .rightarea{width: 250px;float: right;box-sizing: border-box;}
    .mainarea .rightarea .right_one{background-image: url("../images/index_r3_c1.jpg");background-repeat: no-repeat;
        background-size: 100%;border: 1px solid #ccc;padding-top: 30px;}
    .mainarea .rightarea .right_one ul{width: 250px; list-style: none;box-sizing: border-box;padding:0;}
    .mainarea .rightarea .right_one ul li{display: inline-block;width: 250px;height: 180px;margin: 5px auto;text-align: center;border-bottom: 1px solid #999;}
    .mainarea .rightarea .right_one ul li a{text-decoration: none;}
    .mainarea .rightarea .right_one ul li img{width: 225px;height:150px;}

}

@media only screen and (min-width:768px) and (max-width:992px){
    .mainarea {width: 768px;margin:5px auto;}
    .mainarea .leftarea{width: 570px;float: left;box-sizing: border-box;}
    .mainarea .leftarea h1{margin: 0 auto;text-transform: capitalize;text-align: center;}
    .mainarea .leftarea .time{margin: 0 auto;text-align: center;}

    .mainarea .leftarea .content{padding: 10px 20px;}
    .mainarea .leftarea .content .title{text-transform: capitalize;font-weight: bold;}
    .mainarea .leftarea .rela_cont{width: 80%;border: 1px solid #ccc;}

    .mainarea .leftarea .content form{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .mainarea .leftarea .content form label{width: 100px;display: inline-block;}
    .mainarea .leftarea .content form label:nth-of-type(2){height: 180px;vertical-align: bottom;line-height: 180px;}
    .mainarea .leftarea .content form input[type=submit],.mainarea .leftarea .content form input[type=reset]{
        display: inline-block;width: 80px;margin:5px 50px;cursor: pointer; }
    .mainarea .leftarea .content table,.mainarea .leftarea .content table tr{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content table tr{height: 50px;}
    .mainarea .leftarea .content table tr td{display: inline-block;word-break: break-all;}
    .mainarea .leftarea .content table tr td:nth-child(1),.mainarea .leftarea .content table tr td:nth-child(2),
    .mainarea .leftarea .content table tr td:nth-child(3){width: 100px;word-break: break-all;
        font-size: 13px;text-align: center;height: 50px;line-height: 50px;}
    .mainarea .leftarea .content table tr td:nth-child(4){font-size: 12px;line-height: 20px;width: 40%;}

    .mainarea .rightarea{width: 190px;float: right;box-sizing: border-box;}
    .mainarea .rightarea .right_one{background-image: url("../images/index_r3_c1.jpg");background-repeat: no-repeat;
        background-size: 100%;border: 1px solid #ccc;padding-top: 13px;}
    .mainarea .rightarea .right_one ul{width: 190px; list-style: none;box-sizing: border-box;padding:0;}
    .mainarea .rightarea .right_one ul li{display: inline-block;width: 190px;height: 160px;margin: 5px auto;text-align: center;border-bottom: 1px solid #999;}
    .mainarea .rightarea .right_one ul li a{text-decoration: none;}
    .mainarea .rightarea .right_one ul li img{width: 175px;height:130px;}
}

@media only screen and (min-width:390px) and (max-width:767px){
    .mainarea {width: 100%;margin:5px auto;}
    .mainarea .leftarea{width: 100%;float: left;box-sizing: border-box;}
    .mainarea .leftarea h1{margin: 0 auto;text-transform: capitalize;text-align: center;}
    .mainarea .leftarea .time{margin: 0 auto;text-align: center;}

    .mainarea .leftarea .content{padding: 10px 20px;}
    .mainarea .leftarea .content .title{text-transform: capitalize;font-weight: bold;}
    .mainarea .leftarea .rela_cont{width: 80%;border: 1px solid #ccc;}

    .mainarea .leftarea .content form{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .mainarea .leftarea .content form textarea{width: 70%;}
    .mainarea .leftarea .content form label{width: 80px;display: inline-block;}
    .mainarea .leftarea .content form label:nth-of-type(2){height: 180px;vertical-align: bottom;line-height: 180px;}
    .mainarea .leftarea .content form input[type=submit],.mainarea .leftarea .content form input[type=reset]{
        display: inline-block;width: 80px;margin:5px 30px;cursor: pointer; }
    .mainarea .leftarea .content table,.mainarea .leftarea .content table tr{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content table tr{height: 60px;}
    .mainarea .leftarea .content table tr td{display: inline-block;word-break: break-all;}
    .mainarea .leftarea .content table tr td:nth-child(1),.mainarea .leftarea .content table tr td:nth-child(2),
    .mainarea .leftarea .content table tr td:nth-child(3){width: 70px;word-break: break-all;
        font-size: 13px;text-align: center;height: 50px;line-height: 50px;}
    .mainarea .leftarea .content table tr td:nth-child(4){font-size: 12px;line-height: 20px;width: 30%;}

    .mainarea .rightarea{width: 100%;float: left;box-sizing: border-box;}
    .mainarea .rightarea .right_one{background-image: url("../images/index_r3_c1.jpg");background-repeat: no-repeat;
        background-size: 100%;border: 1px solid #ccc;padding-top: 70px;}
    .mainarea .rightarea .right_one ul{width: 100%; list-style: none;box-sizing: border-box;padding:0;}
    .mainarea .rightarea .right_one ul li{display: inline-block;width: 49%;height: 30vw;margin: 2px auto;text-align: center;border-bottom: 1px solid #999;}
    .mainarea .rightarea .right_one ul li a{text-decoration: none;font-size: 4vw;}
    .mainarea .rightarea .right_one ul li img{width: 40vw;height:28vw;}
}

@media only screen and (min-width:50px) and (max-width:389px){
    .mainarea {width: 100%;margin:5px auto;}
    .mainarea .leftarea{width: 100%;float: left;box-sizing: border-box;}
    .mainarea .leftarea h1{margin: 0 auto;text-transform: capitalize;text-align: center;}
    .mainarea .leftarea .time{margin: 0 auto;text-align: center;}

    .mainarea .leftarea .content{padding: 10px 20px;}
    .mainarea .leftarea .content .title{text-transform: capitalize;font-weight: bold;}
    .mainarea .leftarea .rela_cont{width: 80%;border: 1px solid #ccc;}

    .mainarea .leftarea .content form{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .mainarea .leftarea .content form textarea{width: 70%;}
    .mainarea .leftarea .content form label{width: 25%;display: inline-block;font-size: 4vw;}
    .mainarea .leftarea .content form label:nth-of-type(2){height: 180px;vertical-align: bottom;line-height: 180px;}
    .mainarea .leftarea .content form input[type=submit],.mainarea .leftarea .content form input[type=reset]{
        display: inline-block;width: 20vw;margin:3vw 5vw;cursor: pointer; }
    .mainarea .leftarea .content form input[type=text]{width: 70%;}
    .mainarea .leftarea .content table,.mainarea .leftarea .content table tr{display: block;border: 1px solid #ccc;}
    .mainarea .leftarea .content table tr{height: 50px;display: grid;grid-template-columns: repeat(4,1fr);}
    .mainarea .leftarea .content table tr td{display: inline-block;word-break: break-all;}
    .mainarea .leftarea .content table tr td:nth-child(1),.mainarea .leftarea .content table tr td:nth-child(2),
    .mainarea .leftarea .content table tr td:nth-child(3){word-break: break-all;
        font-size: 13px;text-align: center;height: 50px;line-height: 50px;}
    .mainarea .leftarea .content table tr td:nth-child(4){font-size: 2.5vw;line-height: 5vw;}

    .mainarea .rightarea{width: 100%;float: left;box-sizing: border-box;}
    .mainarea .rightarea .right_one{background-image: url("../images/index_r3_c1.jpg");background-repeat: no-repeat;
        background-size: 100%;border: 1px solid #ccc;padding-top: 30px;}
    .mainarea .rightarea .right_one ul{width: 100%; list-style: none;box-sizing: border-box;padding:0;}
    .mainarea .rightarea .right_one ul li{display: inline-block;width: 49%;height: 30vw;margin: 2px auto;text-align: center;border-bottom: 1px solid #999;}
    .mainarea .rightarea .right_one ul li a{text-decoration: none;font-size: 3vw;}
    .mainarea .rightarea .right_one ul li img{width: 40vw;height:28vw;}
}