/*
Title:		AMMON responsive styles css file
Author:		http://themeforest.net/user/hogash // Hogash Studio
*/


@media (min-width: 1200px) and  (max-width: 1600px){
	/* iosslider */
	.iosSlider .item .caption { position: absolute; bottom: 13%; width: 100%; }
	.main_over_slideshow .iosSlider .item .caption { bottom: -webkit-calc( 13% + 175px ); bottom: calc( 13% + 175px ); }
	body.static-content #slideshow { background-color: #74ab00; padding-bottom: 0 !important; padding: 175px 0 145px !important;}
}

@media (max-width: 1200px){
	/* remove bottom padding below 1200px */
	#slideshow {padding-bottom: 0;}

	/* 3D Cute Slider */
	body.cute-slider-page #slideshow { padding: 175px 0 5% !important;}
	body.icarousel-page #slideshow { padding: 175px 0 5% !important;}

	/* Nivo Slider */
	body.nivo-page #slideshow { padding: 175px 0 5% !important;}

	/* Static Content */
	body.static-content #slideshow {
	padding: 75px 0 0% !important;
}
	body.static-content #swappers {bottom: auto;}

	/* Interactive Content */
	body.interactive-content #slideshow { padding: 175px 0 5% !important;}

	/* Wow Slider */
	body.wow-slider #slideshow { padding: 175px 0 5% !important;}

	/* Revolution Slider */
	body.revolution-slider #slideshow {padding: 175px 0 5% !important;}

}

@media (min-width: 1200px){
	/* Transparent Body */
	.main_over_slideshow #container:before {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .87)), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .87) 0%,#ffffff 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .87) 0%, #ffffff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .87) 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#deffffff", endColorstr="#ffffff",GradientType=0 );}
	/* main container over slideshow */
	.main_over_slideshow #container {margin-top: -175px; position:relative;}
	.main_over_slideshow #container:before {content:''; height:175px; width:100%; position:absolute; top:0; left:0; z-index:0;}
	.main_over_slideshow #swappers,
	.main_over_slideshow #slideshow.shadow-up:after,
	#page_header .shadow-up,
	#page_header.mainoverslide .header-titles {bottom:175px;}
	
	.main_over_slideshow .iosSlider .item .caption {bottom: -webkit-calc( 23% + 175px ); bottom: calc( 23% + 175px );}
	.main_over_slideshow .iosSlider .prev {bottom: -webkit-calc( 15% + 175px ); bottom: calc( 15% + 175px ); }
	.main_over_slideshow .selectorsBlock.bullets {bottom: -webkit-calc( 75px + 175px ); bottom: calc( 75px + 175px );}

	/* Interactive Content */
	#ic_blocks121 .block { width:320px; height:320px;} 

}

@media (min-width: 768px) and (max-width: 1600px){
	/* iosslider captions */
	.iosSlider .item .caption .title_big {font-size:28px;}
	.iosSlider .item .caption .title_small {font-size:20px;}
	.iosSlider .item .caption.fromright .title_big,
	.iosSlider .item .caption.fromleft .title_big {padding-top:10px; padding-bottom: 10px;}
	.iosSlider .item .caption a.more {font-size: 14px; padding: 5px 13px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	#page_header { min-height: 235px;}
	#page_header.christmas, #page_header.easter { min-height: 235px;}
	/* flickr feeds */
	.flickr_feeds {margin: 0 0 0 -10px; }
	.flickr_feeds li {margin:0 0 10px 10px;}
}

@media (max-width: 991px) {
	/* header */
	#header { position:absolute; border:0; margin-top:0; }
	/* mobile menu  */
	nav#main_menu > ul { position: fixed; left: 100%; height: 100%; width: 60%; z-index: 999999; background: #353535; top: 0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; 
	overflow: scroll; overflow-x: hidden; padding: 20px; float: right; }
	.mobnav-checkbox + #page-wrapper .mobnav-label { display:block;}
	.mobnav-checkbox:checked + #page-wrapper { margin-left: -60%; position: relative; width: 100%;}
	.mobnav-checkbox:checked + #page-wrapper nav#main_menu > ul { left:40%; }
	#page-wrapper { -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; -o-transition: margin-left 0.2s ease-out; 
	-ms-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; -webkit-backface-visibility: hidden;}
	nav#main_menu > ul { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; -ms-transition: left 0.2s ease-out; 
	transition: left 0.2s ease-out; -webkit-backface-visibility: hidden;}
	nav#main_menu > ul ul { display: block !important; position: static; opacity: 1 !important; visibility: visible !important; background: transparent;}
	nav#main_menu > ul li { float:none; width: 100%; margin-left: 0;  padding-left: 0;}
	nav#main_menu > ul > li > .inner-elem { line-height: 1.8 !important; padding: 5px;}
	nav#main_menu > ul > li:before { display:none;}
	nav#main_menu ul ul li { float: none; position: relative; padding-left: 15px; }
	nav#main_menu ul ul .inner-elem { border: 0;}
	nav#main_menu ul ul li:hover > .inner-elem,
	nav#main_menu ul ul li.active > .inner-elem { background:none;}
	nav#main_menu > ul > li > .inner-elem:after {  top: 15px; left: 0; margin-left: -6px; }
	nav#main_menu ul ul li .inner-elem:after { top: 15px; left: 0; margin-left: -6px; margin-top: 0; border-top-color: rgba(238, 238, 238, 0.5); border-left-color: rgba(0, 0, 0, 0); }
	/* interactive cotnent blocks */
	.ic-blocks-container .inner-block .sl_text { font-size: 13px; top: 210px;}
	/* slideshow*/
	body #slideshow { min-height: 0; }
	/*header style #3 */
	#header.style3 .topnav ~ nav#main_menu {padding-right: 20px; margin-right: 0;}
	#header.style3 .topnav { margin-left: 20px; margin-left: 0; padding-right: 10px; background: rgba(0, 0, 0, 0.6); border-radius: 0 3px 3px 0; }
	/* header style #4*/
	#header.style4 nav#main_menu .mobnav-label {margin-top: 6px;}

}

@media (min-width: 768px) and (max-width: 991px){
	#page_header { min-height: 235px;}
	#page_header.christmas, #page_header.easter { min-height: 235px;}
	/* Swappers size decrease */
	#swappers .swappers-table .bghelper {padding: 5px 10px; margin-top: -36px; font-size: 12px;}
	#swappers .swappers-table h3 {font-size: 18px; margin-top: 0; padding: 1px 0 5px;}
	/* icon widgets reposition */
	#icon-widgets {top:100px;}
	/* Sidebar */
	.sidebar {background: none; padding: 0;}
	/* Portfolio hacks */
	.hg-portfolio .item + .hrsep,
	.hg-portfolio.pcols2 .ptitems div[class*="col-"]:nth-child(4n),
	.hg-portfolio.pcols3 .ptitems div[class*="col-"]:nth-child(6n),
	.hg-portfolio.pcols4 .ptitems div[class*="col-"]:nth-child(8n) {display:none;}
	body #mainbody .hg-portfolio.pcold:not(.pcols1) .ptitems div[class*="col-"]:nth-child(4n) {display:block;}
	/* pricing boxes */
	.pricing-table .box .title { font-size: 18px; }
	.pricing-table .box .price { font-size: 40px; }
	.pricing-table .action .btn { font-size: 13px; }
	/*featired npx*/
	.feature_box .fdesc {font-size: 12px;}
	/* Gallery */
	ul.gallery li { width: 17%;}
	ul.gallery li img { height: 100px;}
}

@media (max-width: 767px) {
	#slideshow {padding:80px 0 0; }
	.equation .box { margin-bottom: 0;}
	.iosSlider .item .caption .title_big {font-size:18px;}
	.iosSlider .item .caption .title_small {font-size:14px; margin-bottom: 10px}
	.iosSlider .item .caption.fromright .title_big,
	.iosSlider .item .caption.fromleft .title_big,
	.iosSlider .item .caption.fromright .title_small,
	.iosSlider .item .caption.fromleft .title_small {padding-top:4px; padding-bottom: 4px;}
	.iosSlider .item .caption a.more {font-size: 13px;padding: 4px 10px;}
	.iosSlider .prev, .iosSlider .next {display:none;}
	.iosSlider .item .caption { bottom:auto; top:20%; }

	.selectorsBlock.bullets { bottom: 30px; }
	.selectorsBlock.bullets .selectors .item {width: 6px; height: 6px; }
	/* Revolution */
	#slideshow .rev_slider_wrapper .tp-rightarrow, #slideshow .rev_slider_wrapper .tp-leftarrow {display:none;}
	/* 3D cute slider */
	.cute-slider {max-width: 100%;}
	.cute-slider .br-controls {display:none;}
	.cute-slider ~ .br-shadow {background-size: contain;}
	.cute-slider ~ .br-shadow img {max-width: 100%}
	div[data-module="mod_hg_cute3dslider"] .slide-wrapper {margin-bottom: 30px}
	/* Wow slider */
	#wowslider-container {margin-bottom:30px;}
	#wowslider-container a.ws_next, #wowslider-container a.ws_prev, #wowslider-container .ws_bullets, #wowslider-container .ws-title {display:none !important;}
	/* Nivoslider */
	.nivoContainer {margin-bottom:30px;}
	.nivoContainer .nivo-directionNav,.nivoContainer  .nivo-caption {display:none !important;}
	/*static content*/
	.sc_container.container {margin-bottom:30px;}
	span.or {display: block; text-align: center;}
	/* interactive block*/
	.ic-blocks-container {margin-bottom: 30px;}
	.ic-blocks-container .inner-block span.fa {font-size: 60px;}
	.ic-blocks-container .inner-block .sl_title {top: 120px;}
	.ic-blocks-container .inner-block .sl_text {top: 160px;}
	.ic-blocks-container .block {width:100% !important; height: 210px;}
	/* videobg mod */
	.video-wrapper ~ .hgvjs_controls { top: 60px;  width: 30px; }
	.video-wrapper ~ .hgvjs_controls a { width: 30px; height: 30px;font-size: 14px; line-height: 30px;}
	/* page header */
	#page_header {min-height: 170px;}
	#page_header.christmas, #page_header.easter { min-height: 170px;}
	#page_header .header-titles {width:100%;}

	/* icon widgets reposition */
	#icon-widgets {top:90px;}
	#icon-widgets .icon-menu .trigBtn + label { width: 28px; height: 26px; line-height: 26px;}
	#icon-widgets .search-box input[type=text] {height: 26px;line-height: 26px;}
	#icon-widgets .social-icons .sc-icons { height: 26px;  }
	#icon-widgets .social-icons .sc-icons li a {margin-top: 2px;}
	#options_panel {display:none}
	/*swappers*/
	#swappers {display:none}
	/*equation module*/
	.row.equation {margin-bottom: 35px}
	.equation .box {margin-bottom: 0;}
	.equation .sign {line-height: .7; margin-top: 0;}
	/*regent project module*/
	.mod_hg_recent_projects .inner-project { margin-top: 30px; }
	.mod_hg_recent_projects .inner-project > a {display:block;}
	.mod_hg_recent_projects .inner-project img {opacity:1;}
	.mod_hg_recent_projects .inner-project .details {position: static; display: block; padding-top: 0; padding-bottom: 0; background: none; box-shadow: none; border: 0; margin: 15px 0 35px;}
	/* sections which have background colors */
	.module-section.colored .moduletable {margin-bottom: 35px;}
	/* footer */
	#footer  .moduletable {margin-bottom: 35px;}
	/* social share in footer */
	.social-share {float: none; margin: 10px auto 20px;}
	.social-share li {margin-bottom: 10px; margin-left: 0; width: 100px; max-width: none;}
	.social-share li:first-child { margin-left: 0; width: 180px; margin-right: 50px; }
	.social-share .live-comments .opener:checked ~ .fb-comments-panel {margin-left: 0; width: 100%; overflow: auto;}
	/* mobile nav */
	nav#main_menu > ul { width: 69%; }
	.mobnav-checkbox:checked + #page-wrapper {margin-left: -69%; }
	.mobnav-checkbox:checked + #page-wrapper nav#main_menu > ul { left:31%; }
	/* portfolio sortable */
	.hg-portfolio-sortable #sorting {float: none; margin-bottom: 15px;}
	.hg-portfolio-sortable #portfolio-nav {float:none;padding-left: 0;margin-left: 0;}
	.hg-portfolio-sortable ul.project-list .details {opacity: 1; visibility: visible; position: static; padding-top: 10px; border: 0; background: none; border-radius: 0; box-shadow: none; padding-left: 0; margin-left: 0;}
	.hg-portfolio-sortable ul.project-list .inner-item {margin-bottom: 20px;}
	/* breadcrums - current date */
	.breadcrumbs-container .current-date {  float: none; margin-top: 10px; display: inline-block; }
	/* gallery */
	ul.gallery li { width: 47%;}
	ul.gallery li .thumbnail { margin-bottom: 0; max-width: 100%; }
	ul.gallery li img { height: 100%;}
	/*error 404*/
	.error404 {	  margin-top: 0; font-size: 160px; }
	/*pricing tables*/
	.pricing-table.col1 .box,
	.pricing-table.col2 .box,
	.pricing-table.col3 .box,
	.pricing-table.col4 .box { width: 100%; margin: 0; }
	/*twitter section*/
	.twitter-container .twitter-follow-button { float: none; margin-bottom: 10px; }
	.twitter-container .tweets { margin-right: 0; word-break: break-word;}
	/*Product page*/
	.product-info ul li { display: block;}
}

@media (max-width: 420px) {
	/*portfolio sortable*/
	.hg-portfolio-sortable ul.project-list > li {width:100% !important;}
	/*iosslider captions*/
	.iosSlider .item .caption .title_big {font-size:14px; }
	.iosSlider .item .caption .title_small {font-size:12px; margin-bottom: 10px}
	.iosSlider .item .caption.fromright .title_big,
	.iosSlider .item .caption.fromleft .title_big,
	.iosSlider .item .caption.fromright .title_small,
	.iosSlider .item .caption.fromleft .title_small {padding-top:2px; padding-bottom: 2px;}
	.iosSlider .item .caption a.more {font-size: 11px;padding: 2px 5px;}
	/* icarousel */
	div[data-module="mod_hg_icarousel"] .icarousel {-webkit-transform: scale3d(0.7,0.7,0); -moz-transform: scale3d(0.7,0.7,0); -o-transform: scale3d(0.7,0.7,0); -ms-transform: scale3d(0.7,0.7,0); transform: scale3d(0.7,0.7,0); margin: 0 0 0 -10%; -webkit-transform-style: initial; -moz-transform-style: initial; -o-transform-style: initial; -ms-transform-style: initial; transform-style: initial;}
}