/*  
Theme Name: kubik
Theme URI: http://kubikschody.pl
Description: Flexible and simply kubik theme
Author: INFORD
Author URI: http://INFORD.eu/
*/


body, html{
    height: 100%;
}
 
	
	
	
	
body {
 width:100%;
 margin:0;
 padding:0; 
 font-family: 'Noto Sans', sans-serif;
 /*font-family: 'Open Sans Condensed', sans-serif;*/
 width:100%;
 /*background: #fff url(images/bg-page-1.jpg) no-repeat center center fixed!important;
 background-size: cover!important;*/
 font-size:14px;
 color: #fff;
} 




@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




 
a {
 text-decoration: none;
 color: #E65648;
}

a img {
 border:none;
}


a:hover {
 color: #41ADE4;
}


h1, h2, h3, h4, h5, h6 {
 font-weight: 400; 
 line-height:1;
}


h3 {}

h1, h2 {
 font-size:21px;
 text-align: left;
 color: #fff; 
}

.alignleft {
 float: left;
 margin-right:10px;
}

.alignright {
 float: right;
 margin-left:10px;
}

.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.left {
 float: left;
 display: inline-block;
}

.right {
 float: right;
 display: inline-block;
}

/*---------------layout--------------------*/


.half {
 width:48%;
 display: inline-block;
 vertical-align: top;
}

.col-box {
 
}

.col {
 border:0px solid #cc0000;
 float: left;
 margin-right: 60px; 
}

.col:last-child {
 margin-right: 0;
 border:none!important;
}

.col_2 { width: 530px; }
.col_3 { width: 332px; }
.col_2:nth-child(2n) { margin:0;}
.col_4 { width: 235px;}
.col_4:nth-child(4n) { margin:0;}



.secBtn { 
 text-align: center;
 width: 40px;
 height:40px;
 display: block;
 position: absolute;
 top:-20px;
 left:50%; margin-left:-20px; 
 font-size:40px;
 color: #45AEE5; 
 z-index:999;
 opacity: 0.90;
 filter: alpha(opacity=90);
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
}

.secBtn:hover {
 color: #FFA525;
}



.logo-mobile {
 display: none;
 
} 

.logo-container {
 width:100%;
 box-sizing: border-box; 
 position: absolute; 
 text-align: center;
 z-index:99;
 padding-top:30px;
}


.logo {
 float: left;
 display: inline-block;
 animation-duration: .3s;
 -webkit-animation-duration: 0.3s;
 animation: logo 2.0s 1;
 -webkit-animation: logo 2.0s 1;   
 opacity: 1;
  -moz-transition: transform .3s ease;
 -webkit-transition: transform .3s ease;
 -o-transition: transform .3s ease;
 transition: transform .3s ease; 
 
}


@keyframes logo
			{
				0%   {margin-left:-300px; opacity:0.0;}
				60%  {opacity: 0.0}
				100% {opacity:1.0;}
			}
			@-webkit-keyframes logo 
			{
				0%   {margin-left:-300px; opacity:0.0;}
				60%  {opacity: 0.0}
				100% {opacity:1.0;}
			}


.logo:hover {
 transform: scale(1.05); 
}			
			
			
		
.logo-top {
 width:200px;
 /*float: left;
 margin-left:30px;
 margin-top:100px;*/
 z-index:9999;
 position: fixed!important;
 left:30px;
 top:100px;
}
	

			
	
#mobile-menu {
 display: none;
 z-index:9999999!important;
 position: fixed;
 width:100%;
}
	

#top {
 width:100%;
 height:176px;
 z-index:9999;
 position: fixed;
 position: relative;
 top:0;
 left:0;
 box-sizing: border-box;
 min-width:250px;
 padding:5px 0 5px 0;
 background: url(images/top.png) no-repeat center top;
 opacity: 0.95;
 filter: alpha(opacity=95);
 /*-webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.94);
 -moz-box-shadow:    0px 8px 11px 0px rgba(0, 0, 0, 0.94);
 box-shadow:         0px 8px 11px 0px rgba(0, 0, 0, 0.94);*/
}	





	
	
.kubik-center  {
 position: absolute;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
}	
	
	
	
	
/* Category menu*/  
#catmenucontainer {
 width:100%;
 min-height: 70px; 
 /*background: #1C1613;*/
 background: url(images/bg-menu-top.png);
 opacity: 0.55;
 filter: alpha(opacity=55);
 position: fixed;
 top:0px; 
 z-index:999!important; 
 text-align :center;
 box-sizing: border-box;
 padding-top:10px;
}


#catmenu {
 max-width: 1180px; 
 margin: auto;  
 position: relative;
 text-align: center;
}


#catmenu ul {
 list-style: none;
 margin: auto;
 padding: 0px;
 z-index:9999!important;
}
	
#catmenu li {
 float:left;
 list-style: none;
 margin: 0px;
 padding: 0px;
 z-index:9999!important;
}
	
	
#catmenu ul:hover li a:not(:hover) {
	color: #fff;
}
	
	
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
 display: block;
 font-size:14px;	
 font-weight:400;
 padding: 20px 12px 15px 12px;
 color: #fff;
 	/* Firefox */
	 -moz-transition: all .5s ease;
	 /* WebKit */
	 -webkit-transition: all .5s ease;
	 /* Opera */
	 -o-transition: all .5s ease;
	 /* Standard */
	 transition: all .5s ease;	 
  width:100%;
   
}

#catmenu li a:hover, #catmenu li a:active {	
   color: #E65648;	
}

#catmenu li.current-menu-item a {
  color: #E65648;; 
}

#catmenu li.current-menu-item .menu-item a {
 color: #fff;
}

.current-menu-ancestor {
 border-bottom:0!important;
}

#catmenu li:first-child a {
 padding: 20px 12px 15px 1px;
}

#catmenu li:last-child a {
 padding: 20px 1px 15px 12px;
}
	
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
   width:225px!important;
	box-sizing: border-box;
  	float:none;
	margin: 0px;
	display: block;
	font-size:16px;
	padding: 8px 7px 8px 7px;
	text-align: left;
	clear: both;  
	border-bottom:1px solid #28211D;	
  
}
	
#catmenu li li a:hover, #catmenu li li a:active {
  color: #E65648;	
  padding: 8px 7px 8px 14px;	
  background: #221C19;		
}

#catmenu li ul {
	z-index: 999999;
	width:225px;
	position: absolute;
	box-sizing: border-box;
	padding-top:6px;
	padding-right:10px;	
	left: -999em;
	height: auto;
	bottom:59px;
	background: #1C1613;
	opacity: 0.96;
	filter: alpha(opacity=96);
}

#catmenu li li { 

}


#catmenu li ul li:hover ul  {
	max-width:250px;
	position: absolute;
	box-sizing: border-box;
	padding-top:6px!important;	
	height: auto!important;
	margin-left:-1px;
	top:-17px;
	left:225px;
	background: #1E1E1E;
	opacity: 0.96;
	filter: alpha(opacity=96);
	border-top: 7px solid #DFDFDF;		
}


#catmenu li ul a { 
 text-align: left;
}

#catmenu li ul a:hover, #catmenu li ul a:active { 
	}

#catmenu li ul ul {
 /*margin: -31px 0 0 170px;*/
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
 left: -999em;
}


#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
	left: auto;
	}

#catmenu li:hover, #catmenu li.sfhover { 
	position: static;
}



	
			

.container {
 max-width:1180px;
 min-width:250px;
 padding:20px 0px 20px 0px;
 box-sizing: border-box;
 margin: auto;
 position: relative; 
 display: block;
 border:0px solid #cc0000;
}



#content {
 width:1180px;
 min-width:250px;
 padding:20px 0px 20px 0px;
 box-sizing: border-box;
 margin: auto;
 position: absolute; 
 display: block;
 bottom:100px;
 left:50%;
 margin-left: -590px;
 border:0px solid #cc0000;
 line-height:1.6;
 
} 

.std-page-content {
 /*background: #111;
 opacity: 0.90;*/
 background: url(images/bg-menu-top.png);
 padding: 20px 30px 20px 30px;
 box-sizing: border-box;
 margin-top:30px;
 float: right;
 min-width: 700px;
 color: #fff;
 text-align: justify;
 position: absolute;
 bottom:5px;
 right:0;
} 
 
 
 
#gallery {
 border:2px soid #cc0000;
} 
  
#gallery-content {
 width:100%;
 margin: auto;
 text-align: center!important;
 max-width:1180px;
 /*position: relative;*/
 border:0px solid #cc0000;
 /*position: absolute;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;*/ 
   position: absolute;               /* 2 */
   top: 50%; 
	left: 50%;                        /* 3 */
   
   transform: translate(-50%, -50%)
} 
 
.page-gallery-content {
 border:0px solid #cc0000;
 text-align: center!important;
 margin: auto;
 padding-left:30px;
 box-sizing: border-box;
}

 
.post-gallery {
 display: inline-block;
 width: 16%;
 box-sizing: border-box; 
 margin:5px;
}
 
 
.gallery-thumb {
 width:100%;
 height: auto;
 box-sizing: border-box; 
 border:6px solid #fff;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
}
 
.gallery-thumb:hover {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
} 
 
  
 

.gallery-item {
 width:13.5%!important;
 box-sizing: border-box;
 margin:1px;
}

.gallery img {
 width:100%;
 height: auto; 
}

 
#gallery-content .attachment-thumbnail {
 width:100%;
 height:auto; 
 box-sizing: border-box!important; 
 border:4px solid #fff!important;
 box-sizing: border-box;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease; 
}


#gallery-content .attachment-thumbnail:hover {
 opacity: 0.85;
 filter: alpha(opacity=85);
 border:4px solid #C0A293;
}


#excerpt {
 display: none;
 left:0;
 top:0;
 width:100%;
 height:80px;
 box-sizing: border-box;
 z-index:9999999!important;
 position: fixed;
 background: #000;
 padding: 5px;
 color: #fff;
 font-size:12px;
}

#excerpt2 {
 /*left:0;
 top:0;
 position: fixed;
 height:80px;*/
 box-sizing: border-box;
 z-index:9999999!important;
 width:90%;
 margin: auto;
 margin-left:35px;
 margin-top:40px; 
 /*background: #000;*/
 background: url(images/bg-menu-top.png);
 padding: 5px;
 color: #fff;
 font-size:12px;
}


 
.gallery-holder {
 border:0px solid #cc0000;
 margin: auto;
 text-align: center;
 font-size:18px!important;
 padding-top:20px;
}
 
 
.gallery-holder a {
 padding: 5px 8px;
 color: #fff;
} 
 
 

.jp-previous, .jp-next {
 font-size:30px!important;
 font-weight: bold;
 padding: 10px 5px 1px 5px!important;
 color: #fff;
 display: inline-block!important;
}


.jp-next {
 position: absolute!important;
 right:15px;
 top:50%!important;
 font-size:100px!important;
}

.jp-previous {
 position: absolute!important;
 left:0;
 top:50%!important;
 font-size:100px!important;
}

.jp-previous:hover, .jp-next:hover {
 background: none!important;
 color: #F2CF0A!important;
}
 
 
 
 
/*-------------------blog ----------------------------*/


/*#content-blog {
 width:1180px;
 min-width:250px;
 padding:20px 0px 20px 0px;
 box-sizing: border-box;
 margin: auto;
 position: absolute; 
 display: block;
 top:100px;
 margin-top:100px;
 left:50%;
 margin-left: -590px;
 border:0px solid #cc0000;
 line-height:1.6;
 text-align: center;
} */


#content-blog {
 width:100%;
 margin: auto;
 text-align: center!important;
 max-width:1180px;
 /*position: relative;*/
 border:0px solid #cc0000;
 /*position: absolute;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;*/ 
   position: absolute;               /* 2 */
   top: 50%; 
	left: 50%;                        /* 3 */
   
   transform: translate(-50%, -50%)
} 


.blog-post {
 width:40%; 
 border:0px solid;
 display: inline-block;
 margin-bottom:20px;
 margin-right:20px;
 vertical-align: middle;
 color: #fff;
 text-align: left;
 position: relative;
}

.blog-post h1 {
 font-size:26px;
}

.blogThumb {
 width:130px;
 height: auto;
 border:4px solid #fff;
 float: left;
 margin-right:20px;
} 
 
 
.blog-post .readMore {
 font-size:12px;
 position: absolute;
 bottom:0;
 right:0;
 padding: 5px 10px;
 color: #fff;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
} 

 
.blog-post .readMore:hover {
 color: #222;
}
 

.navigation {
 margin: auto;
 text-align: center;
}
 
.wp-pagenavi .pages {
 display: none;
}

.wp-pagenavi a, .wp-pagenavi .current {
 border:none;
}
 
.readMore {
 font-size:12px;
 float: right;
 padding: 5px 10px;
 color: #fff;
 margin-top:20px;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
} 

.readMore:hover {
 color: #fff; 
}


#single-content {
 /*width:100%;
 margin: auto;
 text-align: center!important;
 max-width:1180px;
 position: relative;
 border:1px solid #cc0000;
 position: absolute;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0; 
  position: absolute;               
   margin-top: 50%; 
	left: 50%;                       
   
   transform: translate(-50%, -50%)*/
} 

#single-content {
 max-width:1180px;
 border:0px solid #cc0000;
 position: absolute;               
   margin-top: 15%; 
	left: 50%; 
	transform: translate(-50%);
} 


.single-content {
 min-width:800px;
 padding:20px;
 box-sizing: border-box;
 text-align: left;
 background: url(images/bg-menu-top.png);
}

.single-content img {
 margin-right:30px;
 border:4px solid #fff;
 max-width:1000px;
}

#single-content .attachment-thumbnail {
 width:100%;
 height:auto; 
 box-sizing: border-box!important; 
 border:4px solid #fff!important;
 box-sizing: border-box;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease; 
}




#single-content .attachment-thumbnail:hover {
 opacity: 0.85;
 filter: alpha(opacity=85);
 border:4px solid #C0A293;
}



#single-content .gallery-item {
 width:13.5%!important;
 box-sizing: border-box;
 margin:2px;
 
}





.goback {
 cursor: pointer;
}
.goback-ab {
 position: fixed;
 left:10px;
 bottom:30px;
 cursor: pointer; 
}



.tree-columns {
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 column-count: 3;
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
 margin-bottom:15px;
}



.std-table  {
 width:100%;
 vertical-align: top; 
}


.std-table, .std-table td {
 vertical-align: top;
}

















INPUT[type=text], INPUT[type=email] {
 width:100%;
 height:28px;
 background: #fff;
 border:none;
 box-sizing: border-box;
 padding:3px;
 color: #555;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	 
 margin-bottom:5px;
}


INPUT:focus {
 background: #f3f3f3;
} 


textarea {
 width:100%;
 min-width:250px;
 height: 120px;
 padding:3px;
 margin-bottom:10px;
 background: #fff;
 border:none;
 color: #555;
 box-sizing: border-box;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	 
}


TEXTAREA:focus {
 background: #f3f3f3;
}


#contact-form-box .left,  #contact-form-box .right {	
 width:49%;
}

#contact-form-box .wer-info {
 font-size:12px;		
}

.wpcf7-form-control-wrap quiz-275 {
 font-size:13px;	
}


.wpcf7-not-valid-tip {
 margin-top:10px;
 font-size:13px!important;
 display: inline!important;
  
}

.wpcf7-submit {
 border:none;
 background: #A2A2A2;
 color: #fff;
 padding: 6px 12px; 
 cursor: pointer;
 float: right;
 color: #fff;
 margin-top:-8px;
  -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	 
}

.wpcf7-submit:hover {
 background:#E65648;
 color: #fff;
}

.quiz-249 {
 float: left;
 display: inline;
}

.wpcf7-quiz, .myQuiz {
 float:right;
 display: block;
 margin-left:20px;
 margin-top:-2px;
 width:40px!important; 
 max-width:40px!important;
 min-width:20px!important;
}

.wpcf7-response-output {
 border:2px solid #cc0000!important;
 background: #cc0000;
 color: #fff;
}

.wpcf7-not-valid-tip {
 color: #cc0000!important;
}



#maps {
 -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 45, 49, 0.75);
 -moz-box-shadow:    0px 3px 4px 0px rgba(50, 45, 49, 0.75);
 box-shadow:         0px 3px 4px 0px rgba(50, 45, 49, 0.75);
}

 
 


 
 
 
/*------------archive-----------------*/
  
.post {
 margin-bottom:20px;
}	
	
.arThumb {
 float: left;
 width:200px;
 height: auto;
 margin-right: 15px;
}

.arThumb:hover {
 opacity: 0.90;
 filter: alpha(opacity=90);
} 



/*-----------------search--------------------*/

.search-post {
 padding-bottom:20px;
 border-bottom:1px solid #f3f3f3;
 margin-bottom:20px;
} 
 
 
.search-post h3 {
 margin:0;
 padding:0;
} 
 
 
.lastItem {
 margin:0;
 border:none;
} 
 
 
#footer {
 width:1140px;
 margin: auto;
 background: #ABABAA;
 text-align: center;
 padding-top:30px;
 padding-bottom:40px;
 font-size:13px;
 line-height:1.4
 color: #fff;
 box-sizing: border-box;
 padding: 20px;
 border:1px solid #cc0000;
}

#footer a {
 color: #fff;
}


.copyright {
 color:#fff;
 position: fixed;
 right:0px;
 bottom:0px; 
 z-index:999999;

}


#footer-social {
 position: fixed;
 bottom:80px;
 left:5px;
 width:30px;
}

#footer-social .soc-ico {
 font-size:25px;
 margin:5px;
 color: #000;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	
}

#footer-social .soc-ico:hover {
 color: #fff;
}


.buttonTop {
 font-size:45px;
 color: #444;
 position: fixed;
 bottom:15px;
 /*left:50%; margin-left:-15px;*/
 right:10px;
 z-index:9999;
 display: none;
 opacity: 0.90;
 filter: alpha(opacity=90);
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
}


.buttonTop:hover {
 color: #45AEE5; 
}
 
#cookie_info {
 width:100%;
 opacity:0.8;
 filter:alpha(opacity=80); /* For IE8 and earlier */
 background: #fff;
 padding:10px;
 font-size:12px;
 position: fixed!important;
 bottom:0px;
 left:0px;
 color: #000; 
 z-index:99999999;
}

#cookie_info a {
 color: #fff;
}

#cookie_close, #cookie_closeH {
 float: right;
 margin-right:20px;
 margin-left:10px;
 font-size:15px;
 font-weight: bold;
 cursor: pointer;
}


.close-txt {
 font-size:14px;
}

#cookie_close {
 float: right;
 margin-right:40px;
 margin-left:10px;
 font-size:19px;
 font-weight: bold;
 cursor: pointer;
} 
 

.cl {
 clear: both;
}

.cl10 {
 clear: both;
 height:10px;
}

.cl20 {
 clear: both;
 height:20px;
}

.cl30 {
 clear: both;
 height:30px;
}

.cl50 {
 clear: both;
 height:50px;
}


@media all and (max-width:1000px) {

.mobile-logo-container {
 width:100%;
 text-align: center;
 margin: auto;
 margin-bottom:15px;
 
} 
 
 
.col {
 border:0px solid #cc0000;
 float: left;
 margin-right: 2%; 
}

.col:last-child { margin-right: 0; border:none!important; }

.col_2 { width: 48%;}
.col_3 { width: 31.5%; }
.col_2:nth-child(2n) { margin:0;}
.col_4 { width: 23%; min-height:240px; overflow: hidden; vertical-align: bottom;}
.col_4:nth-child(4n) { margin:0;}


}/*media 1100--*/


@media all and (max-width:800px) { 

#head {
 width: 100%;
 margin: auto;
}

.container { width:90%; margin: auto;}

#about {
 width:70%;
 margin: auto;
}


.col {
 float: left;
}

.col:last-child { margin-right: 0; border:none!important; }

.col_2 { width: 98%; }
.col_3 { width: 98%; }
.col_4 { width: 98%;}



.logo-mobile {
 width:80%;
 display: block;
 margin: auto;
} 


#catmenucontainerRoll {
 display: none!important;
}

#catmenucontainer, #catmenu {
	display:none;  
  }	

	
	
#catmenucontainer, #catmenu {
	display:none;  
  }	
	  
  .menu-button {
	cursor: pointer;
	padding:7px 2px 7px 2px;
	display: block;
	z-index:9999;
	background: #333;
	font-size:30px;
		
	}	
	
  #mobile-menu	{
	color: #fff;
	display: block;
	clear: both;
	z-index:99;
	background: #E65648;
  }
	  
	
  #mobile-menu ul {
   list-style:none;
	margin:0;
	padding:0px;
	display: none;	
  }	
	
	
  #mobile-menu ul li a {
    display: block;
	 width:auto;
	 padding:12px 4px 12px 4px;
	 font-weight: bold;
	 color: #fff;
	 border-bottom: 1px solid #F05E51; 
	 text-transform: uppercase;	
	}	
	
  #mobile-menu ul li a:hover {
   background: #444;	
	}	   
	
  #mobile-menu ul li li a {	
    padding-left:8px;
	 font-weight: normal;	  	
	}	
	
  .slider {
   width:100%!important;
	margin: auto;
	position: relative;
	}
	
	#our-brands {
	 text-align: center;
	 margin: auto;
	}
	
	.brand-box {
	 width:90%;
	 margin: auto;	
	 margin-bottom:15px;
	 float: none;
	 padding-right:0;
	 text-align: center;	 
	}
	  
	
	.homeBrandsThumb {
	 width:100%;
	 height: auto;
	}
	
	.brand-box:nth-child(3n) {
    padding:0;
	 width:90%;
	 margin: auto;
	 float: none; 
	}
	
	#category-post-ex {
	 width:70%;
	 margin: auto;
	}
	
  .homeGrid	{
   text-align: center;
	}
	
  .homeGrid li {
	display: block;
	float: none;
	padding: 5px;
	width: 90%;
	opacity: 1;
	border:0px solid #ccc;
	margin:8px;
	transition: all .3s ease;
	margin: auto;
  }
	
  .homeGrid li:nth-child(3n) {	
    margin-right:auto;
	 margin: auto!important;
	 float: none; 
	}
		
  #singleContent {
   width:90%;
	margin: auto;	
  }
	
  .contact-content {	
   width:90%;
	margin: auto!important;
}
	
	
  #contact-form-box {	
   display: block;
   float: none;
	width:100%;
	margin-right:20px;
	box-sizing: border-box;
  }

	
	
	#footer {
	 width:100%;
    margin: auto;
	}
	
	#footer {
  text-align: center;
 }
 
 .footer-box,  #footer .last-item {
  width:100%;
  margin: auto;
  float: none;	
  text-align: center;
  margin-bottom:20px;		
 }
 
 .footer-box iframe {
  width:100%!important;
  min-height:170px;	
 }
 
 #footer-gallery {
  width:100%;
  }
 
    #footer-gallery li {
 		float: left;
		display: inline-block;
		width:48%;
		height:48%;		
		margin:4px 2px;
		position: static;
		overflow: visible;
		
		}

		#footer-gallery li img {
		 transition: all 0.3s ease-in-out;
		 width:100%;
		 height:auto;
		 position: static; 
		}

		#footer-gallery li img:hover {
		 opacity: 0.90!important;
		 filter: alpha(opacity=90)!important;
		 width: 100%!important;
		
		}
	
			

}/*--media 800--*/




@media all and (max-width:650px) {
    
 #sidebar, .page-with-sid-content {
  float: left;
  width:100%;
  max-width:100%;	
 }	  
  

	
}/*-----media 650-----*/