@charset "utf-8";

/* CSS Document */



@media only screen and (min-width: 1024px){

		

	}



@media only screen and (min-width: 768px) and (max-width: 1023px){



.nav-main {min-height:35px;}

ul.nav-box {display:none;}

.center-div {width:100%; padding:0 10px;}

.banner-title, .banner-text {left:50px;}

.banner-main {margin-top:45px;}

.container-left {width:100%;}

.scroll-div ul.nav-box {display:block;}

.container-right { background: none repeat scroll 0 0 #fff;  border-left: 1px solid #000;  bottom: 0;  float: right;  height: 100%;  margin: 0;   min-height: 100%; padding-bottom: 0;    padding-left: 15px;    padding-top: 0;    position: fixed;    right:-223px;    top: 0;    width: 223px; transition: all 300ms ease-in 0s;-moz-transition: all 300ms ease-in 0s;-o-transition: all 300ms ease-in 0s;-webkit-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; z-index:999;}

.scroll-div{float: left;height: 100%; overflow: scroll;width: 100%;}

.subscribe-box {width:190px; background-image:url(../images/subscribe-bg-res.png);}

.menu-icon {display:block;}





}



/*========================(min-width: 480px) and (max-width: 767px) ========================*/



@media only screen and (min-width: 480px) and (max-width: 767px){

	

	.nav-main {min-height:35px;}

ul.nav-box {display:none;}

.center-div {width:100%; padding:0 10px;}

.banner-title, .banner-text {left:20px;}

.banner-main {margin-top:45px;}

.scroll-div ul.nav-box {display:block;}

.container-right { background: none repeat scroll 0 0 #fff;  border-left: 1px solid #000;  bottom: 0;  float: right;  height: 100%;  margin: 0;   min-height: 100%; padding-bottom: 0;    padding-left: 15px;    padding-top: 0;    position: fixed;    right:-223px;    top: 0;    width: 223px; transition: all 300ms ease-in 0s;-moz-transition: all 300ms ease-in 0s;-o-transition: all 300ms ease-in 0s;-webkit-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; z-index:999;}

.scroll-div{float: left;height: 100%; overflow: scroll;width: 100%;}

.subscribe-box {width:190px; background-image:url(../images/subscribe-bg-res.png);}

.menu-icon {display:block;}

.post-box {padding-left:90px;}

.banner-title {top:160px; font-size:24px;}

.banner-text {top:223px; color:#fff; padding-right:20px;}

}



/*========================max-width: 479px ========================*/

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

	.nav-main {min-height:35px;}

ul.nav-box {display:none;}

.center-div {width:100%; padding:0 10px;}

.banner-title, .banner-text {left:50px;}

.banner-main {margin-top:45px;}

.scroll-div ul.nav-box {display:block;}

.container-right { background: none repeat scroll 0 0 #fff;  border-left: 1px solid #000;  bottom: 0;  float: right;  height: 100%;  margin: 0;   min-height: 100%; padding-bottom: 0;    padding-left: 15px;    padding-top: 0;    position: fixed;    right:-223px;    top: 0;    width: 223px; transition: all 300ms ease-in 0s;-moz-transition: all 300ms ease-in 0s;-o-transition: all 300ms ease-in 0s;-webkit-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; z-index:999;}

.scroll-div{float: left;height: 100%; overflow: scroll;width: 100%;}

.subscribe-box {width:190px; background-image:url(../images/subscribe-bg-res.png);}

.menu-icon {display:block;}

.banner-img {height:240px;}

.banner-title, .banner-text {left:15px;}

.banner-title {top:112px; font-size:18px; padding:10px;}

.banner-text {top:165px; padding-right:10px; color:#fff; font-size:11px;}

.banner-text b {font-size:14px;}

.footer-copyright {line-height:normal; margin:10px 0; text-align:center; width:100%;}

ul.footer-socail {margin:0 0 10px 0; text-align:center; width:100%;}

.footer-socail li {display:inline-block; margin:0 5px; float:none;}

.post-box{padding:0px;}

.post-date-main {position:relative; float:left; width:auto; top:0; margin-bottom:5px;}

.post-date-sub {width:auto; padding:0 10px;}

.post-month, .post-date {width:auto; display:inline-block; float:none; vertical-align:middle;}

ul.post-social {width:73px; border-top:none; border-left:1px solid #000;}

.post-title a {font-size:20px;}

	

	

}

@media only screen and (min-width: 320px) and (max-width: 402px){

	.footer-socail li { margin: 0}

}