@media only screen and (max-width: 959px) {
	body{
		min-width: 300px;
	}
	#block_search {
		width: 100%;
		max-width:230px; 
		float:none; 
		margin:40px auto 0;
	}
}

.fa.fa-bars{
	display: none;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	img{
		max-width: 100%;
	}
	#pagetitle-container{
	  	position:absolute;
	    right:0;
	    top:0;
	  }
	 

	  
	#topnav {
	    width: 560px;
	} 
	.container .three.columns{
		width:100%;
	}
	.column.alpha, .columns.alpha {
	   margin-left: 10px;
	    margin-right: 10px;
	}
	.container .offset-by-0 {
	    padding-left: 0;
	    padding-top: 4px;
	}
	.container .column, .container .columns {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	  
	#bodychild{width:100%;}
	#logo h1{font-size:20px; line-height:20px;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	.frame220{width:93.2%; height:86%;}
	.frame300{width:95%; height:88%;}
	.frame460{width:96.66%; height:90%;}
	.frame680{width:98.2%; height:94.5%;}
	
	.rp-widget li h3{ font-size:11px;}
	.v-line{ border-left:1px solid #efefef; padding-left:15px; margin-left:5px;}
	
	/* pricing box */
	ul.list-box .price{font-size:20px !important;}
	ul.list-box > li{width:185px !important;}
	
	
	/*============================================== SLIDER SECTION ==============================================*/
	#layerslider.slideritems {
		height:302px;
		margin: 0px auto 14px auto;
	}
	
	#layerslider.slideritems img.ls-bg{
		width:748px;
		height:302px;
	}
	
	.ls-layer .button{left:50%; top:225px;}
	
	#layerslider.slideritems img.ls-s2{
		width:312px;
		left:32px;
		top:34px;
	}
	#layerslider.slideritems .ls-s3{
		left:50%;
		top:20px;
	}
	#layerslider.slideritems .ls-s4{
		left:50%;
		top:50%;
	}
	#layerslider .ls-layer > a{
		bottom: 20px;
	}

	#layerslider .ls-layer .button{
		top: auto;
	}

	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:364px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:364px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:364px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:364px;
	}
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:236px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:236px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:236px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:236px;
	}
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:172px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:172px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:172px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:172px;
	}
	
	
	/*======== Footer ===========*/
	#footcol2, #footcol3{ width:145px;} 
	#footcol2{ margin:0 0 0 8px}
	
	#style-switcher{display:none;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	img{
		max-width: 100%;
	}
	
	.titleUppercase{
	    padding:12px 0 0;
	  }

	#telephons {
	    padding-top: 0;
	}
	#navigation {
	    margin: 0;
	}
	#navigation #nav-wrap, #navigation #block_search{
		display:none;
	}
	#logo {
	    margin-top: 0;
	}
	.fa.fa-bars{
		font-size:25px; 
		cursor:pointer;
		display: block;
	}

	
	#bodychild{width:100%;}
	#outerheader{height:auto;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center;}
	#logo img{display:block;}
	#logo .circle{display:inline-block; float:none; }
	#logo h1{vertical-align:top;}

	#navigation{text-align:center; clear:both; height:auto;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:block; text-align: center; float: none; padding: 5px 0;}
	nav{margin:0 0 20px 0; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:100%}/* mobile dropdown */
	

	  .sf-menu a {
	    padding: 0 !important;
	}
	
	.container .offset-by-0 {
	    padding-left: 0;
	    padding-top: 4px;
	}
	.zag1.pagetitle{
		display: none;
	}
		
	#topnav { float:none; width:100%; }
	#telephons{
		text-align:center;
	}
	
	.pagetitle{font-size:30px; line-height:35px;}
		
	/*============================================== SLIDER SECTION ==============================================*/
	#slidercontainer{ margin-top:0px;}
	#slider{ background:transparent}
	.flexslider .slides img{position:static; right:0;}
	.flex-caption{width:50%;top:10%;}
	.flex-caption h1{font-size:24px; line-height:30px;}
	.flex-caption .slidetext{ display:none}

	#slider .button{font-size:11px; padding:6px}
	
	/*============================================== AFTER HEADER SECTION ==============================================*/
	#outerafterheader{padding:0 0 0 0;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	.frame220, .frame300{width:96%; height:91.66%;}
	.frame460{width:96%; height:89%;}
	.frame680{width:96.77%; height:91%;}
	
	.v-line{border:0; padding:0; margin:0;}
	#pagetitle-container{margin-right:0px; margin-top:0px; position:absolute; top:30px; right:20px; z-index:2;}  
	#pagetitle-container .pagedesc{ display:none;}
	
	/* pricing box */
	ul.list-box > li{margin-bottom:20px; width:100% !important; border-width:1px; border-radius:3px;}
	ul.list-box li.current{margin-top:0;}
	ul.list-box li.last{border-width:1px}
	
		
	/*============================================== BLOG SECTION ==============================================*/
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	#sidebar .widget-container{margin-bottom:20px; padding:20px 0 0 0;}
	
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:300px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:300px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:300px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:300px;
	}
	
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:300px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:300px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:300px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:300px;
	}
	
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:300px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:300px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:300px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:300px;
	}
	
	/*======== Footer ===========*/
	#footcol2, #footcol3{ width:100%;} 
	#footcol2{ margin-left:0px;}


	#toTop{display:none !important;}
	
	#style-switcher{display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}
	
	
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-control-nav {bottom:10px;}
	.flex-control-nav a {width:10px; height:10px;}
	
	#layerslider.slideritems {
		height:370px;
		margin: 0px auto 14px auto;
	}
	
	#layerslider.slideritems img.ls-bg{
		width:auto;
		height:370px;
	}
	
	.ls-layer .button{
		left: 40%;
		bottom: 25px;
		top: auto;
	}
	
	#layerslider.slideritems img.ls-s2{
		width:171px;
		left:5%;
		top:20px;
	}
	#layerslider.slideritems .ls-s3{
		font-size:18px;
		line-height:24px;
		top:25px;
		left: 20%;
		text-shadow: 1px 1px 0px #fff;
		background: #ffffffc9;
		padding: 4px 4px;
	}

	#layerslider.slideritems .ls-s4{
		left: 20%;
		top: 50%;
		background: #ffffffc9;
		padding: 4px 4px;
	}
	
	#slide1img1{
		width:171px;
		left:5%;
		top:20px;
	}
	#layerslider img {
		max-width:1000px;
	}
	
	/*============================================== CONTENT SECTION ==============================================*/
	.frame220{width:97.2%; height:94%;}
	.frame300{width:97.2%; height:94%;}
	.frame460{width:97.2%; height:92.2%;}
	.frame680{width:97.66%; height:93.2%;}
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:420px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:420px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:420px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:420px;
	}
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:420px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:420px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:420px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:420px;
	}
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:420px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:420px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:420px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:420px;
	}
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 300px) and (max-width: 479px) {
	#bodychild{width:100%;}
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-caption h1{font-size:18px; line-height:24px;}
	.flex-direction-nav {display:none;}
	
	.ls-smartgroup a.ls-nav-prev, .ls-smartgroup a.ls-nav-next{display:none;}
	.ls-layer h1, .ls-layer .zag, .ls-layer .zag p, .ls-layer .zag span {
		font-size: 24px;
		line-height: 30px;
}
	#layerslider.slideritems img.ls-bg{
		width: auto;
		height: 400px;
	}
	#layerslider.slideritems {
		height: 370px;
		margin: 0px auto 14px auto;
	}
	#layerslider img {
		max-width: 1000px;
	}
	
	#layerslider.slideritems img.ls-s2{
		width:123px;
		left:5%;
		top:14px;
	}
	.ls-layer .button{
		left: 40%;
		bottom: 25px;
		top: auto;
	}
	
	#layerslider.slideritems .ls-s3{
		font-size:18px;
		line-height:24px;
		top:25px;
		left: 10%;
		text-shadow: 1px 1px 0px #fff;
		background: #ffffffc9;
		padding: 4px 4px;
	}

	#layerslider.slideritems .ls-s4{
		left: 10%;
		top: 50%;
		background: #ffffffc9;
		padding: 4px 4px;
	}
	
	/*============================================== BLOG SECTION ==============================================*/
	.commentlist ol{padding-left:20px;}
	.avatar{display:none;}
	.comment-body{margin:0;}

	#logo h1, #logo .zag {
	    background:url("/images/logo.png") center top no-repeat;
	    padding: 105px 0 0;
	}
	#logo h1, #logo .zag {
	    background: rgba(0, 0, 0, 0) url("/images/logo.png") no-repeat scroll center top;
	    padding: 80px 0 0;
	}
	.titleBold {
	    font-size: 20px;
	}
	.titleRegular {
	    font-size: 15px;
	}
	
/*============================================================================================*/

#bodychild{width:100%;}
	
	#footcol1.six columns alpha {
		max-width: 280px;
}

.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns {
	max-width: 98%;
}
	
	/*============================================== SLIDER SECTION ==============================================*/
	.flex-control-nav {bottom:10px;}
	.flex-control-nav a {width:10px; height:10px;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	.frame220{width:97.2%; height:94%;}
	.frame300{width:97.2%; height:94%;}
	.frame460{width:97.2%; height:92.2%;}
	.frame680{width:97.66%; height:93.2%;}
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	/* Portfolio 2 Column */
	.ts-display-pf-col-2 li{width:420px;}
	.ts-display-pf-col-2 .ts-display-pf-img{
		width:280px;
	}
	
	.ts-display-pf-col-2 .ts-display-pf-img a.image{
		width:280px;
	}
	
	.ts-display-pf-col-2  .ts-display-pf-img a .rollover{
		width:280px;
	}
	
	/* Portfolio 3 Column */
	.ts-display-pf-col-3 li{width:420px;}
	.ts-display-pf-col-3 .ts-display-pf-img{
		width:280px;
	}
	
	.ts-display-pf-col-3 .ts-display-pf-img a.image{
		width:280px;
	}
	
	.ts-display-pf-col-3  .ts-display-pf-img a .rollover{
		width:280px;
	}
	
	/* Portfolio 4 Column */
	.ts-display-pf-col-4 li{width:420px;}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:280px;
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:280px;
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:280px;
	}


}
@media only screen and (max-width: 300px) {
	.ls-layer h1, .ls-layer .zag, .ls-layer .zag p, .ls-layer .zag span {
		font-size: 22px;
		line-height: 30px;
}

	#layerslider.slideritems .ls-s4{
		left: 5%;
		top: 50%;
		background: #ffffffc9;
		padding: 4px 4px;
	}

	#layerslider.slideritems .ls-s3{
		font-size:18px;
		line-height:24px;
		top:15px;
		left: 5%;
		text-shadow: 1px 1px 0px #fff;
		background: #ffffffc9;
		padding: 4px 4px;
	}
	.ls-layer .button{
		left: 5%;
		bottom: 15px;
		top: auto;
	}

}