@charset "UTF-8";
/* Responsive Layout */


@media only screen and (min-width: 1024px) and (max-width:1280px) {
.phone{margin:0}
.nav ul a{padding:0 15px;}
}


@media only screen and (min-width: 768px) and (max-width:1023px) {
	h1, .h1 { font-size:42px;}
h2, .h2 { font-size:38px;}
	.slider-info .col-md-12{width:60%}
	.slider-info p br{ display:none;}
	.section-title p br{display:none}
	
.celebrity-section .grid .item{width:50%}
.about-section .col-img{width:100%; height:auto !important}
.about-section .col-img div{background:none !important; position:relative;transform:none; -webkit-transform:none; -moz-transform:none; top:0}
.about-section .col-img img{visibility:visible}
.about-section .text-box{width:100%; float:left; padding:30px 15px}
.artistry-section .grid .item{width:50%}
.gallery-section .gallery-item .grid-item{width:33.33%}  

.fixed-column { position: relative; width: 100%; float: left; top: 0; bottom: 0; padding: 100px 0;	}
.fixed-column-content-wrap { position: relative; top: 0;}
.fixed-column h2{font-size:26px;}
.column-wrap{width:100%; padding:50px 30px 100px 30px}
}

@media only screen and (max-width:767px) {
h1, .h1 { font-size:36px;}
h2, .h2 { font-size:30px;}
h3, .h3 { font-size:20px }
h5, .h5 { font-size:16px }
body{font-size:14px;font-weight:400}
p{font-size:14px; line-height:22px;}
.wrapper{padding-top:80px;}
.control-harder{height:70px;}
.control-harder .logo img{height:60px;}

.nav{display:none}
.mm-toggle{display:block; }
.wrap-hidden-content{padding:15px 0;}
.wrap-hidden-content .btn-off{font-size:22px;}
.showup-search .search-button{background-size:20px 20px}
.showup-search input[type="text"]{width:70%}
.search-box .btn-search{cursor: pointer; width: 38px; height: 38px;line-height:38px;text-align:center;  float: right; background: #d24939; border-radius: 3px; margin:16px 0 0 10px; color:#fff}
.search-box .btn-search:hover{background:#383838; color:#fff}
.section-title{margin-bottom:10px;}
.section-title p br{display:none}

.slider-info .col-md-12{width:60%}
.slider-info h2{font-size:13px; font-weight:600; margin:0 0 5px;}
.slider-info p{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:400; margin:0;}	
.slider-info p br{display:none}
.slider-info .action{display:none}
.celebrity-section .grid .item{width:50%}
.celebrity-section .grid .item .celebrity-name a{min-width: 10px;padding: 0 10px;font-size: 12px;line-height: 32px;height: 34px;}
.about-section .col-img{width:100%; height:auto !important}
.about-section .col-img div{background:none !important; position:relative;transform:none; -webkit-transform:none; -moz-transform:none; top:0}
.about-section .col-img img{visibility:visible}
.about-section .text-box{width:100%; float:left; padding:30px 15px}
.about-section .text-box ul li{width:100%}
.artistry-section .grid .item{width:50%}
.artistry-section .grid .mask .content{padding:10px;}
.artistry-section .grid .mask .content p{display:none}
.gallery-section .gallery-item .grid-item{width:50%}
.fixed-column { position: relative; width: 100%; float: left; top: 0; bottom: 0; padding: 50px 0;	}
.fixed-column-content-wrap { position: relative; top: 0;}
.fixed-column h2{font-size:26px;}
.column-wrap{width:100%; padding:50px 15px}
body.page .footer{position:relative}
.footer .social-media{width:100%; text-align:center; margin:0 0 10px;}
.footer .social-media a{float:none; display:inline-block}
.footer .copyright{width:100%; text-align:center}
.scrollup{right:10px; bottom:10px;}
}

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


}