.clear_1 { display: none; }

.s-right { width: 300px;  float: right; margin: 0px; padding: 0%; }
.s-left  { width: calc(100% - 350px); float: left; margin: 0px; padding: 0%; }


.m-menu-list  {z-index:1000;position:absolute;display:none;background-color: #eeeeee; padding: 0px;  width:160px;}

.menu-list  {border-width: 1px; border-style: dotted; border-color: #467CBF;  padding: 4px; width:150px;}


.long-menu {display:block;}
.short-menu {display:none;}


.social {width:30%; position:relative;float:left}
.trans {width:30%; position:relative;float:right}
.search {min-width:300px;width:30%; position:relative;float:right}





.sections-top-L-1 {width:400px;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}


.sections-top-M-1 {width:calc(100% - 725px);  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-R-1 {width:300px;   padding:4px; position:relative;float:left;overflow: hidden;}



.sections-top-R-2 {width:300px;  height:300px; padding:4px; position:relative;float:left;overflow: hidden;}




.sections {min-width:320px; width:32%; height:330px; padding:4px; position:relative;float:left;overflow: hidden;}


/* Rules Sensitive to Screen Size */


/* Screen Rules -1 */

@media screen and (min-width: 0px) and (max-width: 500px) {	

.img-v-logo {width: 100px;}

.long-menu {display:none;}
.short-menu {display:block;}


.sections {width:96%;overflow: hidden;}


.sections-top-L-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-M-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-R-1 {display:none;}
.sections-top-R-2 {width:98%;  height:300px; padding:4px; position:relative;float:left;overflow: hidden;}



.clear_1 { clear: both; line-height: 1px;  display: block; }
.s-left  { width: 100%; float: left; margin: 0px; padding: 0%; }
.s-right { width: 100%;  float: left; margin: 0px; padding: 0%; }

.right-menu {width:300px;margin: 0 auto;}

}





@media screen and (min-width: 501px) and (max-width: 599px) {	

.img-v-logo {width: 100px;}

.long-menu {display:none;}
.short-menu {display:block;}


.sections {width:96%;overflow: hidden;}

.sections-top-L-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}


.sections-top-M-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-R-1 {width:98%;   padding:4px; position:relative;float:left;overflow: hidden;}
.sections-top-R-2 {width:98%;  height:350px; padding:4px; position:relative;float:left;overflow: hidden;}



.clear_1 { clear: both; line-height: 1px;  display: block; }
.s-left  { width: 100%; float: left; margin: 0px; padding: 0%; }
.s-right { width: 100%;  float: left; margin: 0px; padding: 0%; }

.right-menu {width:300px;margin: 0 auto;}
}





/* Screen Rules -2 */


@media screen and (min-width: 600px) and (max-width: 729px) {

.long-menu {display:none;}
.short-menu {display:block;}


.sections {width:96%;overflow: hidden;}

.sections-top-L-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}


.sections-top-M-1 {width:98%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-R-1 {width:98%;   padding:4px; position:relative;float:left;overflow: hidden;}
.sections-top-R-2 {width:98%;  height:350px; padding:4px; position:relative;float:left;overflow: hidden;}



.s-right { width: 300px;  float: right; margin: 0px; padding: 0%; }
.s-left  { width: calc(100% - 330px); float: left; margin: 0px; padding: 0%; }
.right-menu {width:300px;margin: 0 auto;}
}



@media screen and (min-width: 730px) and (max-width: 999px) {


.sections {width:48%;overflow: hidden;}



.sections-top-L-1 {width:38%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}


.sections-top-M-1 {width:58%;  height:700px; padding:4px; position:relative;float:left;overflow: hidden;}

.sections-top-R-1 {width:48%;  height:380px; padding:4px; position:relative;float:left;overflow: hidden;}
.sections-top-R-2 {width:48%;  height:380px; padding:4px; position:relative;float:left;overflow: hidden;}





.s-right { width:300px; float: right; margin: 0px; padding: 0%; }
.s-left  { width: calc(100% - 340px);  float: left; margin: 0px; padding: 0%; }

.right-menu {width:300px;margin: 0 auto;}
}

/* Screen Rules -3 */

@media screen and (min-width: 940px) and (max-width: 1000px) {
.s-right { width: 300px;  float: right; margin: 0px; padding: 0%; }
.s-left  { width: calc(100% - 340px); float: left; margin: 0px; padding: 0%; }
.right-menu {width:300px;margin: 0 auto;}

}

@media screen and (min-width: 1000px) and (max-width: 10000px) {
.s-right { width: 300px;  float: right; margin: 0px; padding: 0%; }
.s-left  { width: calc(100% - 350px); float: left; margin: 0px; padding: 0%; }
.right-menu {width:300px;margin: 0 auto;}

}