/* Large */
@media only screen and (min-width: 1024px) {
/*------------------------------- item --*/
.item .header h1{
	text-align:left;
}

[class*="block-grid-"] > li{
	padding:1em 2em;
}

/*------------------------------- media --*/
.media h1{
	font-size:2.2em;
	padding:1em 3.5em;
}

/*------------------------------- title --*/
.main-title{
	padding:2em 10em;
}

/*--------------------------------------- login --*/
.img-login img{
	margin:0;
}

.login-box{
	padding:1em 1.8em;
}

/*----------------------------icn download--*/
.icn-download p{
margin-top:0.5em;
}

.icn-download{
background:url(../images/icn-download.png) center right no-repeat;
background-size:1.5em;
padding-right:2em;
margin-right:1em;
}

.icn-download:hover{
background:url(../images/icn-download-h.png) center right no-repeat;
background-size:1.5em;
}

}


/* Medium */
@media only screen and (min-width: 641px) and (max-width: 1023px) {

/*------------------------------- subnav / action --*/
.subnav nav{
	height:3.5em;
}

.action-btn{
	min-width:3.5em;
	height:3.5em;
}

.action-btn-wrap{
	top:0;
}

.subnav .middle-menu li a{
	padding:15px 0.5em;
	padding-top:16px;
}

.action-btn-text{
	margin-right:1em;
	padding-right:2.8em;
	padding-top:1.2em;
}

.icn-flag{
	background:url(../images/icn-flag.png) center right no-repeat;
	background-size:2.3em;
}
.icn-flag:hover{
	background:url(../images/icn-flag-h.png) center right no-repeat;
	background-size:2.3em;
}

.icn-replies{
	background:url(../images/icn-replies.png) center right no-repeat;
	background-size:2.3em;
}
.icn-replies:hover{
	background:url(../images/icn-replies-h.png) center right no-repeat;
	background-size:2.3em;
}

.d-dropdown.open::after,
.d-dropdown.open::before {
	margin-left:1em;
}

/*------------------------------- item --*/
.item{
	margin:1em 0;
}

/*------------------------------- rating --*/
.item .rating li{
	width:12%;
}

.item .rating .title{
	width:28%;
}

.item .footer h2{
	font-size:0.6em;
}

.actions .rating li a{
	width:2.5em;
	height:2.5em;
}

/*------------------------------- header --*/
.header{
	text-align:center;
	padding:2em 5em;
}

/*------------------------------- title --*/
.main-title{
	padding:2em;
}

.main-title h1{
	font-size:2em;
}

/*--------------------------------------- form --*/
.c-form h1{
	font-size:1.8em;
}

}


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

h1{
	font-size:1.5em;
}

h2{
	font-size:1em;
}

p{
	font-size:0.8em;
}

/*------------------------------- subnav / action --*/
.subnav nav{
	height:3.5em;
}

.actions nav{
	height:8em;
}

.action-btn{
	min-width:3.5em;
	height:3.5em;
}

.action-btn-wrap{
	top:0;
}

.actions .action-btn-wrap{
	position:initial;
	display:block;
	text-align:center;
}

.actions .action-btn{
	min-width:5em;
	height:3.3em;
}

.subnav .middle-menu li a{
	padding:15px 0.5em;
	padding-top:16px;
}

.btn-small,
.btn-flag-small{
	display:initial;
}

.d-dropdown.open::after,
.d-dropdown.open::before {
	margin-left:1.8em;
}

.f-dropdown li{
	font-size:1.5em;
}

/*------------------------------- modal --*/
.reveal-modal h1{
	margin-top:0;
}

/*------------------------------- item --*/
.item h1{
	font-size:1.5em;
}

/*------------------------------- rating --*/
.item .rating,
.actions .rating{
	margin:0.5em 0;
	width:100%;
	text-align:center;
	vertical-align:center;
}

.item .rating li,
.actions .rating li{
	width:12%;
}

.item .rating .title,
.actions .rating .title{
	width:30%;
	padding:0;
}

.item .rating li a,
.actions .rating li a{
	height:3em;
}

.actions .rating li a{
	width:100%;
}

/*------------------------------- header --*/
.header{
	text-align:center;
	padding:0 1em;
}

.top{
	text-align:center;
}

.top .f-dropdown{
	text-align:center;
}

.top .f-dropdown.open::after,
.top .f-dropdown.open::before {
	margin-left:3em;
}

/*------------------------------- media --*/
.media-tour{
	height:6em;
}

/*------------------------------- title --*/
.main-title{
	text-align:center;
}

.main-title img{
	width:initial;
}

.main-title h1{
	font-size:1.5em;
}

/*------------------------------- comments --*/
.cmnt h1{
	font-size:0.9em;
}

.cmnt span{
	color:#b3b3b3;
	padding-left:0.5em;
}

/*------------------------------- login --*/
.login{
	margin-top:1.2em;
}

/*--------------------------------------- btn tour --*/
.btn-tour {
	display:block;
	padding:0.8em 0;
	padding-right:2em;
}

.btn-tour::before {
	margin-top:-9px;
}

.btn-tour:active::before {
	margin-top:-12px;
}

/*--------------------------------------- footer --*/
#footer p{
	font-size:0.7em;
}