/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }
	.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a { float: right; } /* Keep Sidebar order */

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	.width33,
	.width66 { width: 100%; }

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
	}
	#header-responsive .logo img{
		margin-left: 0px;
		margin-top: 5px;
		width: 100%;
	}
	#header-responsive .logo {width:100%}

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}



/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width50,
	.width60,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}
	
	.gt-tab .nav{
		display: block;
		padding: 0 25px
	}
	#myTabContent .mod-box{
		margin-left: 30px!important;
	}

}


/* Fix Viewport for IE10 Snap Mode
----------------------------------------------------------------------------------------------------*/
@media (max-width: 480px) {
	@-ms-viewport{
		width: 320px;
	}
	.wrapper {
    	max-width: 460px!important;
	}
	.camera_fakehover {
    	height: 235px!important;
	}
	.camera_caption {
    	 bottom: 105px !important;
		 height: 95px !important;
	}
	.camera_prev, .camera_next{
		top: 51%!important;
	}
	.gt-light #header{
		/*background:none repeat scroll 0 0 #141414;*/	
	}
	#header-responsive .searchbox {
		display: none;
	    background: none repeat scroll 0 0 #141414;
	    border: 1px solid #141414;
	    width: 100px !important;
	}
	.searchbox input {
    	color: #6F6F6F!important;
    	font-family: opensanslight,arial!important;
    	font-size: 12px!important;
	}
	.searchbox input:hover{
		color: #990000 !important;
	}
	.tinynav {
		background:#222;
    	border: 3px solid;
	    display: block;
	    margin-top: -10px !important;
	   	width: 100%!important;
	}
	.breadcrumbs a, .breadcrumbs strong{
		font-size: 16px!important;
	}
	.camera_caption h2{
		font-size: 17px!important;
	}
	.camera_caption p{
		display: none;
	}
	 
	.camera_pag {
	    margin-left: -62px !important;
	    margin-top:-60% !important;
	}
	.camera_wrap {
    	margin-bottom: -145px !important;
	}
	.zimg {	   
	    width: 100%!important;
	}
	
	.hnews-content {
	    float: left !important;
	    margin-left: -30px;
	    margin-top: 15px;
	    width: 100% !important;
	}
	.hnews .hd-intro{
		margin-left: 5px;
	}	 
	.news-related .hnews-icon{		 
    	margin-left: 90px !important;
	}
	.hnews ul li h3 a {   
   		font-size: 13px!important;
    	line-height: 20px!important;
	}
	.news-related ul li{		 
    	height: 80px !important;
    	width: 90% !important;
	}
	.grd-nav{
		 margin-left: 77% !important;
	}
	.grd-news-related ul li{
		width: 100%!important;
	}
	.grdn-date ul li{
		width: 29px!important;
	}
	.grd-news-related ul li h3{
		margin-left: 0!important;
		width: 100%!important;
	}	 
	#sidebar-a > div > .mod-box{
		margin-left: 30px!important;
		 
	}
	.gt-tag {
		margin-top: 20px!important;;
	}
	.gt-archives{
		margin-top: -20px!important;;
	}
	.gt-archives h3{
	 	 padding-bottom: 15px !important;
	 }
	.sidebars-1 #sidebar-a .width100, .sidebars-1 #sidebar-b .width100{
		width: 100%!important;
	}
	.gt-tab{
		margin-top: -100px!important;
	}
	
	.gt-tab .nav{
		display: block;
	    margin-left: 30px;
	    padding: 0 5px;
	}
	.nav-tabs > li {
    	margin-bottom: 2px!important;
	}
	#myTabContent .mod-box{
		margin-left: 30px!important;
	}
	#sidebar-a #tinynav2{
		background: none repeat scroll 0 0 #FFFFFF !important;
	    border: 1px solid #E1E1E1;
	    margin-bottom: 20px;
	    margin-left: 30px !important;
	    margin-top: -70px !important;
	}	
	.recent-news ul li{
		height: 75px!!important;
	}
	div.k2LatestCommentsBlock ul li{
		height: 80px;
		border-bottom: none;
	}
	.sponsor {	    
	    height: 105px!important;	     
	    width: 120px!important;
	}
	.sponsorURL {
		margin-top: -15px;
	}
	.gt-footer .cr-info ul {
    	 margin-left: 120px !important;
   		 margin-top: -13px !important;
	}
	#footer{
		padding-bottom:5px !important; 
	}
	.breadcrumbs{
		margin: 0 -15px;
		background-position: 0 -6px!important;
	}
	.gallery > li{
		width: 100%!important;
	}
	
	/*Home - Business*/
	#top-a .banner, .bannercontainer{
		width: 100%!important;		 
	}
	.tp-bannershadow.tp-shadow1 {	    
    	bottom: -38px !important;
    	
	}
	
	.gt-message span.me-button{
		margin-left: 60%!important;
   		margin-top: -50px!important;
	}
	
	.gt-message{
		 margin-top: -55px !important;
	}
	.gt-sevice ul li{
		width: 100%!important;
		margin-left: 0!important;
	}
	.gt-message h2{
		font-size: 16px!important;
	}
	.thslide_list{
		margin-top: -75px;
	}
	/* K2 */
	#system{
		margin-bottom: 30px;
	}
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form textarea.inputbox{
		width: 90%!important;
	}
	#k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle, #k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle a, div.userItemHeader h3.userItemTitle, div.userItemHeader h3.userItemTitle a, div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.genericItemHeader h2.genericItemTitle, div.genericItemHeader h2.genericItemTitle a{
		font-size: 15px!important;
	}	
	div.itemContainer {	    
	    width: 100% !important;
	}
	div#itemListLinks {    
    	padding: 8px 8px 35px;
	}
	.bl-toprate .itemRatingBlock {
    	margin: 5px 0;
	}	
	/* Home - Blog */
	.bl-date .bl-day {
    	background: none repeat scroll 0 0 #222222;
	    height: 45px !important;
	    width: 34px !important;
	}
	.k2blog .bl-date{
		background: none;
	}
	.bl-date .bl-month{
		font-size: 10px !important;
    	margin-top: -24px !important;
	}
	.k2blog .bl-date{
		height: 45px !important;
	    margin-top: -5px;
	    width: 40px !important
	}
	.bl-container {
    	padding-left: 45px !important;
	}
	.bl-pgallery p{
		display: none;
	}
	.bl-date span {	  
	   width: 30px !important;
	}
	.bl-tags {
   		margin-top: 75px !important;
	}
	/* Portfolio */
	.mod-pf {
		margin-top: -50px!important;
	}
	.port-item{
		width: 100%!important;
		
	}
	.dark-screen blockquote,.dark-screen h1{
		 
		
	}
	/* Magazine */
	.lof-slidecontent .navigator-content {
    	display: none;
	}
	.gt-bottom-b .width25{
		width: 100%!important;
	}
	.photonews {
    	max-width: 410px!important;
	}
	.fi-left > ul > li{
		width: 100%!important;
	}
	#s5_quick_contact{		
		margin-top: -1240px !important;
		width:56%!important;
	}
}


/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 768px) {
	@-ms-viewport{
		width: 480px;
	}
	.wrapper {
    	max-width: 460px!important;
	}
	
	.gt-light #header{
		
	}
	#header-responsive .searchbox {	
		display: none;
	    background: none repeat scroll 0 0 #141414;
	    border: 1px solid #141414;
	    width: 100px !important;
	}
	.searchbox input {
    	color: #6F6F6F!important;
    	font-family: opensanslight,arial!important;
    	font-size: 12px!important;
	}
	.searchbox input:hover{
		color: #990000 !important;
	}
	.tinynav {
		background:#222;
    	border: 3px solid;
	    display: block;
	    margin-top: -10px !important;
	   	width: 100%!important;
	}
	.breadcrumbs a, .breadcrumbs strong{
		font-size: 16px!important;
	}
	.camera_caption h2{
		font-size: 17px!important;
	}
	.camera_caption p{
		display: none;
	}
	 
	.camera_pag {
	    margin-left: -62px !important;
	    margin-top:-55% !important;
	}
	
	.zimg {	   
	    width: 100%!important;
	}
	
	.hnews-content {
	    float: left !important;
	    margin-left: -30px;
	    margin-top: 15px;
	    width: 100% !important;
	}
	.hnews .hd-intro{
		margin-left: 5px;
	}	 
	.news-related .hnews-icon{		 
    	margin-left: 90px !important;
	}
	.hnews ul li h3 a {   
   		font-size: 13px!important;
    	line-height: 20px!important;
	}
	.news-related ul li{		 
    	width: 90% !important;
	}
	.grd-nav{
		 margin-left: 83% !important;
	}
	.grd-news-related ul li{
		width: 50%!important;
	}
	.grdn-date ul li{
		width: 29px!important;
	}
	.grd-news-related ul li h3{
		margin-left: 0!important;
		width: 100%!important;
	}	 
	#sidebar-a > div > .mod-box{
		margin-left: 30px!important;
		margin-top: -20px;
	}
	.gt-tag {
		margin-top: 20px!important;;
	}
	.gt-archives{
		margin-top: -20px!important;;
	}
	.sidebars-1 #sidebar-a .width100, .sidebars-1 #sidebar-b .width100{
		width: 100%!important;
	}
	.gt-tab{
		margin-top: -50px!important;
	}
	.gt-tab .nav{
		display: block;
	    margin-left: 30px;
	    padding: 0 5px;
	}
	.nav-tabs > li {
    	margin-bottom: 2px!important;
	}
	#myTabContent .mod-box{
		margin-left: 30px!important;
	}
	#sidebar-a #tinynav2{
		background: none repeat scroll 0 0 #FFFFFF !important;
	    border: 1px solid #E1E1E1;
	    margin-bottom: 20px;
	    margin-left: 30px !important;
	    margin-top: -70px !important;
	}	
	
	
	.sponsorURL {
		margin-top: -15px;
	}
	.gt-footer .cr-info ul {
    	margin-left: 290px !important;
    	margin-top: -30px !important;
	}
	#footer{
		padding-bottom:5px !important; 
	}
	.breadcrumbs{
		margin: 0 -15px;
		background-position: 0 -6px!important;
	}
	.gallery > li{
		width: 100%!important;
	}
	
	/*Home - Business*/
	#top-a .banner, .bannercontainer{
		width: 100%!important;		 
	}
	.tp-bannershadow.tp-shadow1 {	    
    	bottom: -22px !important;
    	
	}
	.tp-bullets{
		 bottom: 41px !important;
	}
	
	.gt-message span.me-button{
		margin-left: 60%!important;
   		margin-top: -50px!important;
	}
	
	.gt-message{
		 margin-top: -55px !important;
	}
	.gt-sevice ul li{
		width: 100%!important;
		margin-left: 0!important;
	}
	.gt-message h2{
		font-size: 16px!important;
	}
	.thslide_list{
		margin-top: -75px;
	}
	/* K2 */
	#system{
		margin-bottom: 30px;
	}
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form textarea.inputbox{
		width: 90%!important;
	}
	#k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle, #k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle a, div.userItemHeader h3.userItemTitle, div.userItemHeader h3.userItemTitle a, div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.genericItemHeader h2.genericItemTitle, div.genericItemHeader h2.genericItemTitle a{
		font-size: 15px!important;
	}	
	div.itemContainer {	    
	    width: 100% !important;
	}
	div#itemListLinks {    
    	padding: 8px 8px 35px;
	}
	.bl-toprate .itemRatingBlock {
    	margin: 5px 0;
	}	
	/* Home - Blog */
	.bl-date .bl-day {
    	background: none repeat scroll 0 0 #222222;
	    height: 45px !important;
	    width: 34px !important;
	}
	.k2blog .bl-date{
		background: none;
	}
	.bl-date .bl-month{
		font-size: 10px !important;
    	margin-top: -24px !important;
	}
	.k2blog .bl-date{
		height: 45px !important;
	    margin-top: -5px;
	    width: 40px !important
	}
	.bl-container {
    	padding-left: 45px !important;
	}
	.bl-pgallery p{
		display: none;
	}
	.bl-date span {	  
	   width: 30px !important;
	}
	.bl-tags {
   		margin-top: 75px !important;
	}
	/* Portfolio */
	.mod-pf {
		margin-top: -50px!important;
	}
	.port-item{
		width: 100%!important;
		height: auto!important;
	}
	.dark-screen blockquote,.dark-screen h1{
		 
		
	}
	/* Magazine */
	.lof-slidecontent ul.sliders-wrap-inner li{
		width: 515px !important;
	}
	.lof-slidecontent .button-next, .lof-slidecontent .button-previous{
		top: 15%!important;
	}
	.lof-slidecontent .slider-description{
		bottom: 0!important;
	}
	.lof-slidecontent .navigator-content {
    	display: none;
	}
	.gt-bottom-b .width25{
		width: 100%!important;
	}
	.photonews {
    	max-width: 410px!important;
	}
	.fi-left > ul > li{
		width: 46%!important;
	}
	#s5_quick_contact{		
		margin-top: -850px !important;
		width: 50% !important;
	}
	.gt-footer .cr-info ul li{
		margin: 1px !important;
	}
}

@media (min-width: 768px) and (max-width: 1000px) {
	#sidebar-a, #sidebar-b{
		padding-left: 30px;
	}
	.gt-tab,.gt-tab li{
		display: block;
	}
	.tinynav{
		width: 90%!important;
	}
}