@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');

/*-------------------------------------------------------------------------------------------

  CSS definations for OMCO

-------------------------------------------------------------------------------------------*/



/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, 

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 

td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	-webkit-box-sizing:border-box;

	   -moz-box-sizing:border-box;

	    -ms-box-sizing:border-box;

	     -o-box-sizing:border-box;

			box-sizing:border-box;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a,

a:hover,

a:focus {

	outline:none;

	text-decoration:none;

}

/* Common Tages */

.container {

	width: auto;

	padding: 0 50px;

}

.padding-left-none {

	padding-left: 0;

}

.padding-right-none {

	padding-right: 0;

}





/* Fonts */

.top-link, .navigation, .heading, .btn {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

}

/* heading */

.heading {

	text-align: center;

}

.heading h3 {

	margin-bottom: 55px;

	display: inline-block;

	font-size: 16px;

	color: #232323;

	font-weight: 800;

	text-transform: uppercase;

}

.heading h3 .divider {

	background: #c5c5c5;

	height: 2px;

	margin-top: 9px;

}

.heading h3 .divider span {

	background: #347298;

	width: 35px;

	height: 2px;

	float: left;

	display: inline-block;

	padding-bottom: 0;

}

.form-group {

	margin-bottom: 30px;

}

/*.form-control {

	border-radius: 0;

	box-shadow: none;

	height: inherit;

	padding: 10px 15px;

}*/

.form-control {

    border: 1px solid #ddd;

    background: #fff;

    height: inherit;

    padding: 8px 10px;

    border-radius: 2px;

    box-shadow: none;

}

.form-control:focus {

	outline: none;

	box-shadow: none;

}

textarea.form-control {

	height: 80px;

	resize: none;

}

.btn {

	background: #2c4c5d;

	padding: 10px 20px;

	color: #fff;

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	border-radius: 2px;

}

.btn-enquiry {

    padding: 5px 15px !important;

}

.btn:hover {

	background: #5ebcc3;

	color: #2c4c5d;

}



/*-------------------------------------------------------------------------------------------*/

/* SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/

body {

	background: #fff;

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	color: #373435;

	font-weight: 400;

}





/* Header */

.header {

	width: 100%;

}

.header-rightcol {

	border-left: 2px solid #0e0e0e;

}



/* logo */

.logo {

	padding: 24px 0 24px 95px;

	float: left;

}

.logo a {

	display: inline-block;

	float: left;

	margin-right: 15px;

}

.logo .tag-line {

	display: inline-block;

	float: left;

	font-family: 'Glegoo', serif;

	font-size: 16px;

	color: #2d2c2c;

	font-weight: 700;

	line-height: 73px;

}



/* search */

.search {

	float: right;

	padding: 42px 10px 42px 0;

	position: relative;

	z-index: 4;

}

.search a {

	display: inline-block;

	font-size: 20px;

	color: #000;

}

.search .form-control {

	border: none;

	border-bottom: 2px solid #0e0e0e;

	width: 250px;

	float: left;

	padding: 6px 15px;

	margin-right: 1px;

	font-size: 16px;

	color: #0e0e0e;

}

.search .btn {

	background: none;

	padding: 5px 2px;

	font-size: 24px;

	color: #0e0e0e;

}



/* social */

.social {

	float: left;

	padding: 10px 0 10px 32px;

	font-size: 12px;

}

.social li {

	padding: 2px 0;

}

.social li a {

	background: #2b2b2b;

	display: block;

	width: 22px;

	height: 22px;

	text-align: center;

	color: #fff;

	line-height: 22px;

	border-radius: 100%;

}

.social li a i {

	line-height: 22px;

}

.social li a:hover {

	background: #ed3237;

	color:#fff !important;

}



/* cart */

.cart {

	float: right;

	border: none;

	margin: 40px 95px 0 0;

	position: relative;

}

.cart a {

 	padding-right: 0;

}

.cart span {

	background: #2b2b2b;

	width: 26px;

	height: 26px;

	text-align: center;

	font-size: 12px;

	color: #fff;

	line-height: 26px;

	border-radius: 100%;

	position: absolute;

	right: 1px;

	top: 1px;

}



/* navigation */

.navigation {

	border-top: 2px solid #0e0e0e;
    border-bottom: 2px solid #0e0e0e;
	background: #fff;

	text-align: center;

	font-size: 18px;

	font-weight: 500;

	text-transform: uppercase;

	position: relative;

	z-index: 999;

}

.navigation.fixed {

	width: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999;

}

.navigation ul {

	display: inline-block;

}

.navigation li {

	float: left;

	padding: 14px 0;

}

.navigation li:first-child a {

	border-left: none;

}

.navigation li a {

	border-left: 1px solid #eaeaea;

	display: block;

	padding: 0 25px;

	color: #373435;

	line-height: 26px;

}

.navigation li:hover a,

.navigation li.active a {

	color: #ed3237;

}



.navigation li:hover .dropdown {

	display: block;

}

.navigation li .dropdown {

	/*width: 24%;*/

	position: absolute;
    padding-top: 2px;
	/*left: 0;*/  

	top: 100%;

	z-index: 999;

	display: none;

}

.navigation li .dropdown .in {

	background: #eaeaea;

	padding: 15px 0px; 

	text-transform: none;

	font-weight: normal;

}

.navigation .dropdown ul {

	border-top: 1px solid #ccc;

	float: left;

	margin-left: 40px;

}

.navigation .dropdown ul:first-child {

 	margin-left: 0;

}

.navigation .dropdown li {

	border: none;

	border-bottom: 1px solid #ccc;

	width: auto;

	margin: 0;

	padding: 0 10px;

	float: none;

}

.navigation h3 {
    text-align: left;
    padding-left: 0px;
    padding-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.navigation .dropdown li a {

	border: none;

	display: block;

	padding: 0;

	text-align: left;

	font-size: 14px;

	color: #2b2b2b;

	line-height: 30px;

	text-transform: uppercase;

}

.navigation .dropdown li a:hover {

	color: #ed3237;

}



/* showcase */

.showcase {

	position: relative;

	z-index: 1;

}

.showcase .slides li {

	position: relative;

	z-index: 2;

}

.showcase img {

	width: 100%;

	height: auto;

}

.showcase .caption {

	width: 100%;

	font-family: 'Playfair Display', serif;

	text-align: center;

	font-size: 27px;

	color: #000;

	font-weight: 400;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: 190px;

	z-index: 3;

}

.showcase .slide-gap1 {

	text-align: right;

}

.showcase .slide-gap1 .text-box {

	padding-right: 	120px;

}

.showcase .text-box {

	display: inline-block;

	text-align: left;

}

.showcase h2 {

	margin: -3px 0 0 0;

	font-size: 49px;

	font-weight: 700;

}

.showcase h3 {

	font-size: 27px;

	font-weight: 700;

}

.showcase h3 strong {

	font-size: 37px;

}

.showcase .flex-prev,

.showcase .flex-next {

	background: url(../images/slider_arrow.png) no-repeat left top;

	width: 40px;

	height: 50px;

	float: left;

	margin-top: -25px;

	text-indent: -9999px;

	position: absolute;

	top: 50%;

	z-index: 99;

}

.showcase .flex-prev {

	left: 20px;

}

.showcase .flex-next {

	background-position: right top;

	right: 20px;

}





/* company */

.company {

	background: #3c5456;

	padding: 0 15px;

	color: #fffefe;

	font-weight: 300;

}

.company .imgb {

	width: 100%;

	height: auto;

	margin-left: -15px;

}

.company .imgb img {

	width: 100%;

	height: auto;

}

.company .txtb {

	padding: 195px 140px 15px 60px;

}

.company .heading {

	text-align: left;

}

.company .heading h3 {

	margin-bottom: 35px;

	font-size: 36px;

	color: #fff;

	font-weight: 300;

}

.company .heading h3 .divider span {

	background: #ed3237;

}

.company h4 {

	margin-bottom: 20px;

	font-size: 16px;

	line-height: normal;

	font-weight: 700;

	line-height: 24px;

}

.company p {

	line-height: 24px;

	margin-bottom: 45px;

}

.company span {

	display: block;

	font-weight: 700;

}

.company a {

	display: inline-block;

	font-size: 14px;

	color: #044da2;

	font-weight: 500;

	text-transform: uppercase;

}

.company a:hover {

	color: #ed1b23;

}



/* home-products */

.home-products {

	background: url(../images/bg_home_products.png) repeat left top;

	padding: 80px 0;

	position: relative;

	z-index: 1;

}

.home-products .products-box {

	padding: 0 120px;

}

.home-products .column1 {

	width: 53.4455%;

	float: left;

}

.home-products .column1 .imgb {

	width: 100%;

	margin-bottom: 0;

}

.home-products .column2 {

	width: 46.5555%;

	float: left;

}

.home-products .column3 {

	width: 100%;

	float: left;

}

.home-products .imgb {

	width: 50%;

	float: left;

	padding: 3px;

}

.home-products .imgb img {

	width: 100%;

	height: auto;

	float: left;

}

.home-products .imgb2 {

	width: 45%;

}

.home-products .txtb {

	width: 55%;

	float: left;

	padding: 3px 0 3px 3px;

	position: relative;

	z-index: 1;

}

.home-products .txtb img {

	float: left;

	width: 100%;

	height: auto;

}

.home-products .txtb-in {

	padding: 20px;

	min-height: 106px;

	margin-top: -53px;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 2;

}

.home-products .txtb h4 {

	font-size: 22px;

	color: #1d1c1c;

	font-weight: 700;

	text-transform: uppercase;

}

.home-products .txtb h4 span {

	display: block;

}

.home-products .info {

	background: #5ebcc3;

	padding: 40px;

	margin: 3px;

	font-size: 14px;

	color: #fff;

	font-weight: 100;

}

.home-products .info .text {

	padding-bottom: 10px;

}

.home-products .info h4 {

	margin-bottom: 10px;

	font-size: 16px;

	color: #fff;

	font-weight: 700;

}

.home-products .info p {

	margin-bottom: 20px;

	line-height: 21px;

}

.home-products .info li {

	line-height: 21px;

}

.home-products .info .btn-col {

	padding: 3px 0;

}

.home-products .info .btn {

	border: 1px solid #2c4c5d;

	background: none;

	min-width: 100%;

	margin: 5px 0;

	color: #2c4c5d;

}

.home-products .info .btn.btn2 {

	border: 1px solid #fff;

	background: none;

	color: #fff;

}

.home-products .flex-prev,

.home-products .flex-next {

	background: url(../images/slider_arrow.png) no-repeat left top;

	width: 40px;

	height: 50px;

	float: left;

	margin-top: -25px;

	text-indent: -9999px;

	position: absolute;

	top: 50%;

	z-index: 99;

}

.home-products .flex-prev {

	left: 20px;

}

.home-products .flex-next {

	background-position: right top;

	right: 20px;

}





/* isotope */

.isotope {

	position: relative;

	width: 100%;

	height: auto;

	margin: 0 auto;

}

.isotope::after {

	content: '';

	display: block;

	clear: both;

}

.item {

	background: #0e0e0e;

	position: relative;

	float: left;

	overflow: hidden;

	margin-bottom: 10px;

	transition: 0.2s;

}

.grid-sizer,

.gutter-sizer {

	position: absolute;

	opacity: 0;

	visibility: hidden;

}

.item,

.grid-sizer {

	width: 24.33333%;

}

.gutter-sizer {

	width: 10px;

}

.item img {

	width: 100%;

	height: auto;

}

.item:hover {

	padding: 10px;

}



/* footer */

.footer {

	background: #e9e8e8;

	padding-top: 40px;

	font-size: 12px;

	color: #383838;

}

/* footer-top */

.footer-top {

	padding-bottom: 40px;

}

.footer-top h4 {

	margin-bottom: 10px;

	font-size: 12px;

	color: #080808;

	font-weight: 700;

	text-transform: uppercase;

}

.footer-tops h4 {

    margin-bottom: 10px;

    font-size: 12px;

    color: #080808;

    font-weight: 700;

    text-transform: uppercase;

}

.footer-top li {

    line-height: 15px;

    float: left;

    margin: 4px;
    
}

.footer-top p {

	margin-bottom: 5px;

	line-height: 21px;

}

.footer-top strong {

	display: inline-block;

	font-weight: 500;

}

.footer-top a {

	color: #383838;

}

.footer-top-hover a:hover {

	color: #ed3237 !important;

}

.footer-top a:hover {

	color: #fff;

}

.footer-tops a:hover {

	color: #ed3237;

}

.footer-top .form-box {

	width: 430px;

}

.footer-top .form-group {

	margin-bottom: 8px;

}

.footer-top .form-row {

	margin: 0 -4px;

}

.footer-top .column {

	width: 50%;

	float: left;

	padding: 0 4px;

}

.footer-top .column1 {

	width: 58%;

}

.footer-top .column2 {

	width: 42%;

}

.footer-top .form-control {

	background: #ddd;

	border: none;

	border-radius: 0;

	box-shadow: none;

	font-size: 12px;

	color: #000;

}

.footer-top textarea.form-control {

	height: 93px;

}

.footer-top .btn {

	background: #454544;

	border: none;

	border-radius: 0;

	box-shadow: none;

	min-width: 100%;

	display: block;

	padding: 10px 15px;

	font-size: 14px;

	color: #fff;

	font-weight: 700;

	line-height: 30px;

	text-transform: uppercase;

}

.footer-top .btn:hover {

	background: #ed3237;

}

/* footer-bottom */

.footer-bottom {

	border-top: 1px solid #d2d3d3;

	padding: 15px 0;

}

.footer-bottom img {

	float: left;

	margin: 0 15px;

}

/*.footer-bottom p {

	float: left;

	padding-top: 11px;

}*/

.footer-bottom .txtb {

	

	padding: 9px 25px;

	font-size: 11px;

	line-height: 17px;

}

.footer-bottom .txtb p {

	margin: 0;

	padding: 0;

}

.footer-bottom .designdot {

  background:url(../images/designdot-logo.png) no-repeat scroll left top;

  width:72px;

  height:17px;

  display:block;

  float:left;

  margin-left: 5px;

  transition: 0.5s;

}

.footer-bottom .designdot:hover {

  background:url(../images/designdot-logo.png) no-repeat scroll left bottom;

  width:72px;

  height:17px;

  display:block;

  float:left;

}

.footer-bottom .social {

	padding: 0px 4px 4px 4px;

	margin-left: 60px;

}

.footer-bottom .social li {

	float: left;

	margin-left: 8px;

	margin-top: 0px;
	

}



/*/////////////////////////////////

  Inner Page

/////////////////////////////////*/

.main-container {

	padding: 60px 0;

}



/* inner-showcase */

.inner-showcase {

	/*height: 350px;*/

	overflow: hidden;

	position: relative;

	z-index: 1;

}

.inner-showcase img {

	width: 100%;

	height: auto;

}



/* page-heading */

.page-heading {

	background: rgba(0,0,0,0.6);

	padding: 20px 0;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 2;

}

.page-heading h1 {

	margin-bottom: 10px;

	font-size: 32px;

	/*color: #ed3237;*/

        color: #fff;   

	font-weight: 700;

	text-transform: uppercase;

}

.page-heading li {

	display: inline-block;

	margin-right: 10px;

	color: #fff;

	text-transform: uppercase;

}

.page-heading li a {

	display: inline-block;

	margin-right: 10px;

	color: #fff;

}



/* products */

.products ul {

	margin: 0 -15px;

}

/*.products li {

	width: 20%;

	float: left;

	padding: 15px;

}*/

.products li {

    width: 20%;

    float: left;

    padding: 15px;

    min-height: 370px;

}

.products li .imgb {

	width: 100%;

	height: 250px;

	border: 1px solid #ccc;

	position: relative;

}

.products li .imgb a {

	display: block;

}

.products li .imgb img {

	max-width: 100%;

	max-height: 100%;

	width: auto;

	height: auto;

	margin: auto;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

}

.products h4 {

	padding: 10px 0;

	text-align: center;

	font-size: 18px;

}

.products h4 a {

	color: #373435;

}

.products h4 a:hover {

	color: #ed3237;

}

.products .title {

	text-align: center;

	font-size: 14px;

	color: #999;

}



/* filter */

.filter {

	padding-bottom: 10px;

}

.filter label {

	margin-bottom: 5px;

	display: block;

	font-size: 11px;

}

.filter-right {

	float: right;

	margin-left: 15px;

}

.filter .selectric-wrapper {

	width: 240px;

}



/* content */

.content h4 {

	margin-bottom: 10px;

	font-size: 16px;

	color: #000;

	font-weight: 500;

}

.content p {

	margin-bottom: 15px;

	line-height: 24px;

}



/* Contact */

.contact .address {

	background: #eee;

	min-width: 380px;

	float: right;

	padding: 30px 30px 10px 30px;

	font-size: 16px;

}

.contact .address h5 {

	margin-bottom: 5px;

	font-size: 20px;

	font-weight: 700;

	color: #000;

}

.contact .address p {

	line-height: 24px;

	margin-bottom: 20px;

}

/*START enquery page*/



.cart-box {

    margin-bottom: 40px;

}

.cart-box .first-row {

    background: #ddd;

    color: #2b2b2b;

    font-weight: bold;

}

.cart-box .text-row {

    background: #eee;

    padding: 15px;

}

.cart-box .first-row {

    background: #ddd;

    color: #2b2b2b;

    font-weight: bold;

}

.enquiry h3 {

    padding-bottom: 15px;

    font-size: 18px;

}

.heading {

    padding-bottom: 25px;

}

.heading h1 {

    font-size: 24px;

    color: #3591c6;

    font-weight: 700;

    border-radius: 5px;

    text-transform: uppercase;

    text-align: left;

}



/*END enquery page*/



/*START Product pop page css*/

.product-popup {

    background: #fff;

    width: 360px;

    height: auto;

    margin: 0 auto !important;

    position: relative;

}

.product-popup .column {

    background: #fff;

    max-width: inherit;

    width: 100% !important;

    height: auto;

    padding: 0 !important;

}

.products.product-popup .imgb {

    height: 358px;

    padding: 15px;

}

.products .imgb {

    border: 1px solid #ddd;

    position: relative;

    z-index: 1;

}

.products .imgb img {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 2;

}



.product-popup .txtb {

    padding: 20px;

}

.products.product-popup h4 {

    padding-top: 0;

    font-size: 16px;

}

.products h4 {

    padding: 8px 0 3px 0;

    font-size: 12px;

    color: #2b2b2b;

    line-height: normal;

    font-weight: 700;

    text-transform: uppercase;

}

.addbutton {

    border-top: 1px solid #ddd;

    padding: 15px;

}

.mfp-close{

	color:#333 !important;

}

.btn1{   

	background: #f0ad4e !important;

	padding:5px 15px !important;

    /*display: none;*/

}

.extra-margin{

	margin-bottom: 15px;

}

/*END Product pop page css*/

.menu {

	display: none;

}

.footer-tops a {

    border: 1px solid #aaa;

    color: #333;

    padding: 7px 10px;

    display: inline-block;

    margin-top: 2px;

    border-radius: 2px;

    margin-bottom: 0px;

    box-shadow: 0 0 0 2px rgba(200,200,200,.1) inset, 0 0 3px 0 rgba(0,0,0,.15);

}

.footer-tops li {

    float: left;

    margin: 3px;

}

.footer-bottoms{border-top:none !important; padding: 0px !important;}
.border-top{border-top:2px solid;}
.maintain{padding: 30px 0 !important;}
.products h2 {
    padding-bottom: 10px;
}
.maintain li {
    min-height: 0px;
}
.heading h1 {
    font-size: 24px;
    color: #ED3237;
    font-weight: 700;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
}

/*/////////////////////////////////

  Responsive CSS

/////////////////////////////////*/



@media (min-width: 10px) and (max-width: 480px) {

	.products li {
    width: 100%;
    min-height: auto;

}
.mfp-container {
    text-align: center;
    position: fixed !important;
    overflow-y: hidden !important;
}
 .mfp-wrap{position: fixed !important; }
.product-popup {
  max-width: 100%;
  width: 335px;
  position: relative;
}
.imgb {
    padding: 15px 0px;
}
.text-box strong{
	line-height: 21px;
}
a.remove.visible-xs{padding-bottom: 5px;}

.filter-right {
	float: none !important;
	margin-left: 0px !important;
}

.filter .selectric-wrapper {
  width: 100%;
}

} 

@media (min-width: 481px) and (max-width: 767px) {

.products li {
    width: 50%;
}

.page-heading li {
    margin-bottom: 10px;
    }
.imgb {
    padding: 15px 0px;
}
.text-box strong{
	line-height: 21px;
}
a.remove.visible-xs{padding-bottom: 5px;}

}

@media (min-width: 10px) and (max-width: 767px) {

	

.container {

	padding: 0 15px;

}

/* logo */

.logo {

	padding: 12px 0 0 0;

	text-align: center;

}

.logo img {

	width: auto;

	height: 50px;

}

.logo a {

	margin: 0;

	float: none;

}

.logo .tag-line {

	display: block;

	float: none;

	padding-top: 3px;

	font-size: 14px;

	line-height: normal;

}

/* navigation */

.navigation {

	padding: 0;

	position: relative;

	z-index: 9;

}

.navigation ul {

	background: #fff;

	width: 100%;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 9999;

	display: none;

}

.navigation li {

	border: none;

	border-bottom: 1px solid #c8c8c8;

	float: none;

	padding: 0;

}

.navigation li:first-child {

	border-top: 1px solid #c8c8c8;

}

.navigation li a {

	border: none;

	padding: 10px;

	display: block;

	text-align: left;

}

.navigation .menu {

	display: block;

	padding: 14px;

	color: #373435;

}



.navigation li:hover .dropdown {

	display: none;

}



.header-rightcol {

	padding: 4px 0 9px 0;

}

/* social */

.social {

	padding: 5px 0 15px 12px;

}

.social li {

	float: left;

	padding: 2px;

}

/* cart */

.cart {

	margin: 0;

}



/* .search */

.search {

	border-top: 2px solid #0e0e0e;

	float: none;

	padding: 0;

	position: relative;

	z-index: 1;

}

.search .form-control {

	width: 100%;

	border: none;

	float: none;

	padding-right: 40px;

	line-height: 24px;

}

.search .btn {

	position: absolute;

	right: 4px;

	top: 0;

	z-index: 2;

}



/* showcase */

.showcase .caption {

	padding: 30px 0;

	position: static;

	color: #373435;

	display: none;

}



/* company */

.company .imgb {

	width: auto;

	margin: 0 -15px;

}

.company .txtb {

	padding: 45px 0 0 0;

}

.company .heading h3 {

	font-size: 22px;

}





.item, .grid-sizer {

	width: 100%;

}







/* footer */

.footer-bottom {

	text-align: center;

}

.footer-bottom p {

	margin-bottom: 15px;

	float: none;

}

.footer-bottom .txtb {

	padding-bottom: 0;

	float: none;

	display: inline-block;

}

.footer-bottom .social {

	float: none;

	margin: 0;

}

.footer-bottom .social ul {

	display: inline-block;

}



}





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 1200px) {
.footer-bottom .social li {
	width: 15%;

}
.footer-top li {

    width: 50%;
}

	.products li {

    width: 33.3333%;

}

.container {

	padding: 0 25px;

}



/* logo */

.logo {

	padding: 18px 0 0 0;

	text-align: center;

}

.logo img {

	width: auto;

	height: 60px;

}

.logo a, .logo .tag-line {

	float: none;

	display: block;

	margin: 0;

}

.logo .tag-line {

	padding-top: 5px;

	line-height: normal;

}

.social {

	padding-left: 20px;

}

.cart {

	margin-right: 0;

}



/* navigation */

.navigation li a {

	padding: 0 14px;

}

.navigation li:hover .dropdown {

	display: block;

}



.showcase .caption {

	top: 100px;

}



.company .imgb {

	width: auto;

}

.company .txtb {

	padding: 32px 0px 0 0px;

}

.company .heading h3 {

	font-size: 30px;

}



.item, .grid-sizer {

	width: 32.4%;

}



/* footer */

.footer {

	padding-top: 30px;

}

.footer-top {

	padding-bottom: 30px;

}

.footer-bottom {

	padding: 10px 0;

}

.footer-bottom .social {

	margin-left: 10px;

}





}







@media (min-width: 1024px) and (max-width: 1249px) {



.products li {

    width: 25%;

}

.logo {

	padding-left: 0;

}

.cart {

	margin-right: 0;

}



.company .txtb {

	padding: 85px 0 15px 0;

}



.item, .grid-sizer {

	width: 24.2%;

}



}

@media (min-width: 1024px) and (max-width: 1055px) {



.item, .grid-sizer {

	width: 24%;

}



}
@media (min-width: 1440px) and (max-width: 1920px) {
		.product-popup {
	    width: 500px;
	}
       .products.product-popup .imgb {
	    height: 450px;
	}
	.showcase .slide-gap1 .text-box {
    padding-right: 300px;
    }
    .showcase .caption{
    	top:315px;
    }
    .showcase h2 {
    font-size: 60px;
	}
	.showcase h3 {
	    font-size: 35px;
	}
	}