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

@media (min-width: 1200px) and  (max-width: 1600px){
	/* iosslider */
	.isresponsive .iosSlider .item .caption { position: absolute; bottom: 13%; width: 100%; }
	.isresponsive .main_over_slideshow .iosSlider .item .caption { bottom: -webkit-calc( 13% + 175px ); bottom: calc( 13% + 175px ); }
}

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

@media (min-width: 1200px){
	/* main container over slideshow */
	.isresponsive.main_over_slideshow #container {margin-top: 0px; position:relative;}
	.isresponsive.main_over_slideshow #container:before {content:''; height:0px; width:100%; position:absolute; top:0; left:0; z-index:0;}
	.isresponsive.main_over_slideshow #swappers,
	.isresponsive.main_over_slideshow #slideshow.shadow-up:after,
	.isresponsive #page_header .shadow-up,
	.isresponsive #page_header.mainoverslide .header-titles {bottom:175px;}
	.isresponsive.main_over_slideshow .iosSlider .item .caption {bottom: -webkit-calc( 50%  ); bottom: calc( 50% );}
	.isresponsive.main_over_slideshow .iosSlider .prev {bottom: -webkit-calc( 15% + 175px ); bottom: calc( 15% + 175px ); }
	.isresponsive.main_over_slideshow .selectorsBlock.bullets {bottom: -webkit-calc( 75px + 175px ); bottom: calc( 75px + 175px );}
}

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

@media (min-width: 992px) and (max-width: 1199px){
	/* flickr feeds */
	.isresponsive .flickr_feeds {margin: 0 0 0 -10px; }
	.isresponsive .flickr_feeds li {margin:0 0 10px 10px;}
}

@media (max-width: 991px){
	/* header */
	.isresponsive #header {position:absolute; border:0; margin-top:0; }
	/* mobile menu  */
	.isresponsive 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; }
	.isresponsive .mobnav-checkbox + #page_wrapper .mobnav-label {display:block;}
	.isresponsive .mobnav-checkbox:checked + #page_wrapper {margin-left: -60%; position: relative; width: 100%;}
	.isresponsive .mobnav-checkbox:checked + #page_wrapper nav#main_menu > ul { left:40%; }
	.isresponsive #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;}
	.isresponsive 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;}
	.isresponsive nav#main_menu > ul ul { display: block !important; position: static; opacity: 1 !important; visibility: visible !important; background: transparent;}
	.isresponsive nav#main_menu > ul li { float:none; width: 100%; margin-left: 0;  padding-left: 0;}
	.isresponsive nav#main_menu > ul > li > .inner-elem { line-height: 1.8 !important; padding: 5px;}
	.isresponsive nav#main_menu > ul > li:before {display:none;}
	.isresponsive nav#main_menu ul ul li { float: none; position: relative; padding-left: 15px; }
	.isresponsive nav#main_menu ul ul .inner-elem {border: 0;}
	.isresponsive nav#main_menu ul ul li:hover > .inner-elem,
	.isresponsive nav#main_menu ul ul li.active > .inner-elem {background:none;}
	.isresponsive nav#main_menu > ul > li > .inner-elem:after {  top: 15px; left: 0; margin-left: -6px; }
	.isresponsive 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 */
	.isresponsive .ic-blocks-container .inner-block .sl_text { font-size: 13px; top: 210px;}
	/* slideshow*/
	body.isresponsive  #slideshow { min-height: 0; }
	/*header style #3 */
	.isresponsive #header.style3 .topnav ~ nav#main_menu {padding-right: 20px; margin-right: 0;}
	.isresponsive #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*/
	.isresponsive #header.style4 nav#main_menu .mobnav-label {margin-top: 6px;}

}

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

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

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

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

@media (max-width: 420px) {
	/*portfolio sortable*/
	.isresponsive .hg-portfolio-sortable ul.project-list > li {width:100% !important;}
	/*iosslider captions*/
	.isresponsive .iosSlider .item .caption .title_big {font-size:14px; }
	.isresponsive .iosSlider .item .caption .title_small {font-size:12px; margin-bottom: 10px}
	.isresponsive .iosSlider .item .caption.fromright .title_big,
	.isresponsive .iosSlider .item .caption.fromleft .title_big,
	.isresponsive .iosSlider .item .caption.fromright .title_small,
	.isresponsive .iosSlider .item .caption.fromleft .title_small {padding-top:2px; padding-bottom: 2px;}
	.isresponsive .iosSlider .item .caption a.more {font-size: 11px;padding: 2px 5px;}
	/* icarousel */
	.isresponsive 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;}
}