@font-face {
font-family:'pt_sansregular';
src:url(../fonts/pts55f-webfont.eot);
src:url(../fonts/pts55f-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/pts55f-webfont.woff2) format("woff2"), url(../fonts/pts55f-webfont.woff) format("woff"), url(../fonts/pts55f-webfont.ttf) format("truetype"), url(../fonts/pts55f-webfont.svg#pt_sansregular) format("svg");
font-weight:400;
font-style:normal
}
body{margin:0px; padding:0px; background:#eaeaea;}
h1, h2, h3, h4, h5, h6, p, ul, li, a, span, article, section, aside{margin:0px; padding:0px; font-family:'pt_sansregular';}

h1{font-size:20px; font-weight:normal; color:#00659e; padding:0px; margin:0px; line-height:normal;}

h2{font-size:24px; font-weight:normal; color:#FFFFFF; padding:0px; margin:0px; line-height:normal;}
h3{font-size:30px; font-weight:normal; color:#ff6100; padding:0px; margin:0px; line-height:normal;}
h4{font-size:24px; font-weight:normal; color:#444; padding:0px; margin:0px; line-height:normal;}
h5{font-size:18px; font-weight:normal; color:#444; padding:0px; margin:0px; line-height:normal;}
p{font-size:14px; color:#444; line-height:24px; padding-bottom:8px;}

.mrgBottom{margin-bottom:20px;}

*{box-sizing:border-box;}
img{max-width:100%;}
.white{color:#FFFFFF;}

.header{width:100%; float:left; box-shadow:0px 2px 4px #444; background:#FFFFFF; padding:5px 0px; position:relative; z-index:999;}
.logo{width:100%; float:left; margin:10px 0;}

.socials {width:100%; margin:10px 0 10px 0;}
	
.socialIcon{width:100%; float:left; text-align:right;}
.socialIcon ul{list-style:none;}
.socialIcon li{ line-height:normal; display:inline-block; }
.socialIcon li a{ border-radius:50%; width:30px; height:30px; border:1px #666666 solid; display:inline-block; line-height:30px; text-align:center; color:#444;}
.socialIcon li a:hover{ border:1px #926c3a solid; background:#ff6100; color:#FFFFFF;}

.socialIcon li a.phone{ border-radius:100%; width:auto; height:auto; border:none; display:inline-block; font-size:16px; text-align:center; color:#444;}
.socialIcon li a.phone:hover{background:none; color:#ff6100; text-decoration:none;}

.mobileNumber{width:100%; float:left; text-align:right; margin-top:10px; font-size:16px;}
.bannerSlider{width:100%; float:left;}

.threeBox{width:100%; float:left; margin-bottom:50px; margin-top:60px; }
.productBox{width:100%; float:left; margin-bottom:30px;}
.productheading{width:100%; float:left; background:#f6781f; padding:11.5px 0px; position:relative; text-align:center;}
.productImage{width:100%; float:left; position:relative; border:4px #00659e solid; }
.productList{width:50%; height:100%; overflow:hidden; position:absolute;  top:0px; right:0px; z-index:99;  background:url(../images/bg.png) repeat; text-align:center}
.productList ul{list-style:none; padding-top:20px;}
.productList li{line-height:normal; font-size:16px; line-height:35px; text-decoration:underline; color:#FFFFFF}
.productList li a{ color:#FFFFFF;}
.productIcon{position:absolute; left:0px; top:0px; z-index:1}
.specialSelection{width:100%; float:left; background:url(../images/sliderBg.jpg) center center no-repeat fixed; padding:30px 0px; position:relative; box-sizing:border-box;-webkit-background-size: cover;  -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}
.heading{width:100%; }
.productName{width:auto; float:left;}
.productView{width:auto; float:right;}
.productView ul{list-style:none;}
.productView li{line-height:normal; display:inline-block; color:#936f40; cursor:pointer; font-size:16px;}
.title-block {width:100%; margin-top:40px;}
.title-block h2{color:#444; font-size:28px; padding-bottom:10px;}
.title-block h1{padding-bottom:10px; font-size:40px;}

.product-view-content{width:100%; float:left;}
.price-block{width:100%; float:left; position:relative; margin-top:8px;}
.product-view-price{ font-size:18px; color:#444;}
.product-avilability{font-size:16px; color:#444;position:absolute; right:0px; top:0px;}
.product-avilability span{color:#FF0000; }
.padd{padding:6px 0px 10px 0px;}
.prod-view-size{width:100%; float:left; margin-top:10px;}
.prod-view-size ul{list-style:none; padding-top:10px;}
.prod-view-size li{ line-height:normal; display:inline-block; font-size:14px; margin-right:5px;}
.prod-view-size li a{border:1px #CCCCCC solid; padding:5px 10px; color:#444; transition:all 0.5s ease 0s}
.prod-view-size li a:hover{border:1px #a37f4f solid; transition:all 0.5s ease 0s; text-decoration:none;}

.story{width:100%; float:left; margin-top:70px; background:#fff; padding:30px 0px;}
.aboutStory{width:100%; float:left;}

.testimonials{width:100%; float:left; }
.state {
	font-size:11px;
	color:#9d9d9d;
	font-style:italic;
}
.postion { width:100%; float:left; text-align:right;}
.testimonials h4{font-size:16px;}

.newcolloection{width:100%; float:left; background:url(../images/bg2.jpg) center center no-repeat fixed; padding:30px 0px; position:relative; box-sizing:border-box;-webkit-background-size: cover;  -moz-background-size: cover;-o-background-size: cover;  background-size: cover; margin-top:70px;}

.darkBg{  background:url(../images/blackbg.png) repeat; margin-right:28px;}
.caption-right{width:100%; float:left; padding:10px 0px;}
.caption-right a{background:#000000; color:#FFFFFF; padding:5px 10px; margin-right:5px;}
.newcolloection h3{ color:#fff;}
.newcolloection p{ color:#fff;}

.footer{width:100%; float:left; background:url(../images/footerbg.jpg) repeat; margin-top:0px; padding-top:50px;}
.address{width:100%; float:left; margin-top:10px;}
.address ul{list-style:none;}
.address li{line-height:26px; display:inline-flex; font-size:14px; color:#FFFFFF;}
.address li i{padding-right:5px; padding-top: 5px; width: 20px;}

.contactNo{width:100%; float:left; margin-top:12px;}
.contactNo ul{list-style:none;}
.contactNo li{line-height:26px;  display:inline-flex; font-size:14px; color:#FFFFFF;}
.contactNo li i{padding-right:5px; padding-top: 5px; width: 20px;}

.importantLink{width:100%; float:left; margin-top:10px;}
.importantLink ul{list-style:none; width:40%; float:left;}
.importantLink li{line-height:26px; display:block; font-size:14px; color:#FFFFFF;}
.importantLink li a{ color:#FFFFFF; text-decoration:none;  transition: all 0.3s ease 0s;}
.importantLink li a:hover{ color:#FFFFFF; text-decoration:underline; padding-left:8px;}

.socialLink{width:100%; float:left;  margin-top:10px;}
.socialLink ul{list-style:none;}
.socialLink li{ line-height:normal; display:inline-block; margin-right:5px; }
.socialLink li a{ border-radius:50%; width:40px; height:40px; border:1px #fff solid; display:inline-block; line-height:40px; text-align:center; color:#fff; font-size:20px;}
.socialLink li a:hover{ border:1px #fff solid; background:#fff; color:#444;}

.footbottom{width:100%; float:left; background:#272727; padding:10px 0px; margin-top:30px;}
.copy{width:100%; float:left; color:#FFFFFF; font-size:12px;}
.designBy{width:100%; float:left; color:#FFFFFF; font-size:12px; text-align:right;}
.designBy a{color:#666666;}

.aa-shop-now-btn{ background:#fff; padding:8px 10px; color:#444; text-decoration:none;  display:inline-block}
.aa-shop-now-btn:hover{color:#444; text-decoration:none;}


.middleSection{width:100%; float:left; margin-top:40px;}

.leftSection{width:100%; float:left;background:#FFFFFF; padding:10px;}
.headColor{background:#856335; padding:5px 5px 5px 8px ;}
.headColor h2{font-size:18px;}
.headBorder{ border-bottom:1px #CCCCCC solid; padding-bottom:10px;}
.rightSection{width:100%; float:left; background:#FFFFFF; padding:20px;}
.productShow{width:100%; float:left; margin-top:30px;}

.productDisplay{width:100%; float:left; background:#FFFFFF; padding:10px; box-shadow:0px 0px 4px #666; margin-bottom:30px; position: relative;}
.productImage{width:100%; float:left;}
.productImage a{ transition: all 0.3s ease 0s;}
.productName{width:100%; float:left; margin-top:10px; position:relative;}
.productName span{ text-decoration:line-through; color:#999999}
.productPrice{ font-size:16px; padding-top:5px;}
.productBuy{position:absolute; top:15px; right:0px; z-index:9; width:auto;}
.productBuy a{width:30px; height:30px; display:inline-block; line-height:30px; color:#936e3d; text-align:center; border:1px #936e3d solid; transition: all 0.3s ease 0s; font-size:16px; margin-right:5px;}
.productBuy a:hover{background:#936e3d; color:#FFFFFF;} 

.bannerImg{display:block!important; background:none!important;}

.innerBanner{width:100%; float:left;}
.innerBanner img{min-width:100%;}
.miidle{width:100%; float:left; margin:0px 0px; padding:50px 0; background-color:#fff;}

.address1{width:100%; float:left;}
.address1 ul{list-style:none; margin:0px; padding:0px;}
.address1 li{line-height:normal; float:left; width:100%; font-size:16px; margin-bottom:10px; clear:both}
.address1 li span{ float:right; width:167px; font-size:14px; }
.formset{width:100%; float:left; margin-top:20px;}



.overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;
}

.productDisplay.on .overlay {
    opacity: 1;
}




.topnav {
	width: 100%; 
	
	
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none; margin-top:20px;
}

ul.topnav li { list-style:none}

ul.topnav li a {
	line-height: 10px;
	font-size: 16px;
	padding: 10px 5px;
	color: #444;
	display: block;
	text-decoration: none;
	font-weight: normal;
}

ul.topnav li a:hover {
	background-color:#ab8758;
	color:white;
}



ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 13px;
	font-weight: normal;
	outline:0;
}

ul.topnav ul li a:hover {
	background-color:#caa069;
	color:#fff;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav span{
	float:right;
}


/**** Special Selection slider  ****/
.special{width:100%; background:#FFFFFF; padding:10px; box-shadow:0px 0px 4px #666; float:left; margin-bottom:10px;}
.servicesSection {
	margin-top: 15px;
}
.servicePost {
	padding-right: 10px; padding-bottom:10px; padding-left:10px; padding-top:10px;
}

.servicePost p {
	padding-top: 10px;
	text-align: justify;
}
.servicePost .news-details {
	padding-top:10px;
}
.servicePost a {
	color: #ff432e;
}
.servicePost .news-details li {
	display: inline;
	padding-right: 10px;
}
.servicePost .news-details li i {
	padding-right: 5px;
}
.servicePost a.btn-primary:hover {
	color: #333 !important;
}
#servicesSection .owl-buttons {
	position: absolute;
	right: 15px;
	top: -45px;
	z-index:9
}
#servicesSection .owl-buttons div {
	color: #333;
	background: none;
	padding: 0;
}


/**** Special Selection end ****/


/**** Start Testimonial Section ****/

.testimonial-section {
/*    margin-top: 15px;
*/   
}
.testimonial-page {
	margin-top: 30px;
    margin-bottom: 30px;
	background: #fff;
	border: 1px solid #f1f1f1;
	padding:20px;
}
.testimonial {
	text-align: left;
	margin-right:25px;
}
.testimonial img {
	width: 75px;
	height: auto;
	border:1px #CCCCCC solid; margin-bottom:10px;
	
	border-radius: 100%;
	float:left;
	margin-right:15px;
}
.testimonial p {
	text-align: justify;
}
#testimonials .owl-buttons {
	position: absolute;
	right: 0;
	top: -51px;
}
#testimonials .owl-buttons div {
	color: #333;
	background: none;
	padding: 0;
}
/**** End Testimonial Section ****/



/**** New Collection Section ****/
#collection .owl-buttons {
	position: absolute;
	right: 0;
	top: -51px;
}
#collection .owl-buttons div {
	color: #333;
	background: none;
	padding: 0;
}
/**** End  New Collection Section ****/

/**** Testimonials Section ****/
.testimonial {
	text-align: left;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:50px;
}
.testimonial img {
	width: 75px;
	height: auto;
	border:1px #CCCCCC solid; margin-bottom:10px;
	
	border-radius: 100%;
	float:left;
	margin-right:15px;
}
.testimonial p {
	text-align: justify;

}
#testimonials .owl-buttons {
	position: absolute;
	right: 0;
	top: -51px;
}
#testimonials .owl-buttons div {
	color: #333;
	background: none;
	padding: 0;
}
h6 {
	font-size:14px;
	text-transform:uppercase;
	color:#ee1751
}


/* Nav */

#nav {/*position: absolute; top: 0em;	left: 0;*/  display: block;width: 100%; text-align: right;	background:url(../images/nav-bg.png) repeat; margin-top:60px;}
#nav > ul {	display: inline-block;}
#nav > ul > li {display: inline-block; text-align:center; padding:0 0.6em 0 0.6em;}
#nav > ul > li > ul {display: none;}
#nav > ul > li > a, #nav > ul > li > span { display: block; color: #444;
text-transform: uppercase;
text-decoration: none;
font-size: 1em;
letter-spacing: 0.10em;
height: 4em;
line-height: 4em;
 -moz-transition: all .25s ease-in-out;
 -webkit-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
outline: 0;
}
#nav > ul > li:hover > a {color: #ff6100;}
#nav > ul > li.active > a, #nav > ul > li.active > span {color: #ff6100;}
.dropotron {
	background: #222835 url("images/overlay.png");
	background-color: rgba(44, 50, 63, 0.925);
	padding: 1.25em 1em 1.25em 1em;
	border-radius: 0.35em;
	box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
	min-width: 12em;
	text-align: left;
	margin-top: -1.25em;
	margin-left: -1px;
}
.dropotron.level-0 {
	margin-top: -1px;
	margin-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.dropotron a, .dropotron span {
 -moz-transition: all .25s ease-in-out;
 -webkit-transition: all .25s ease-in-out;
 -ms-transition: all .25s ease-in-out;
 transition: all .25s ease-in-out;
	display: block;
	color: #eee;
	color: rgba(255, 255, 255, 0.75);
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.7em;
	letter-spacing: 0.25em;
	border-top: solid 1px rgba(255, 255, 255, 0.15);
	line-height: 3em;
}
.dropotron li:first-child a, .dropotron li:first-child span {border-top: 0;}
.dropotron li:hover > a, .dropotron li:hover > span {color: #fff;}

/* Mobile Only */
#navPanel, #titleBar {display: none;}
 
 
 
 @media screen and (max-width: 767px) {

	/* Off-Canvas Navigation */

			#page-wrapper {
 -moz-backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-transition: -moz-transform 0.5s ease;
 -webkit-transition: -webkit-transform 0.5s ease;
 -ms-transition: -ms-transform 0.5s ease;
 transition: transform 0.5s ease;
 padding-bottom: 1px;
}
 #titleBar {
 -moz-backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-transition: -moz-transform 0.5s ease;
 -webkit-transition: -webkit-transform 0.5s ease;
 -ms-transition: -ms-transform 0.5s ease;
 transition: transform 0.5s ease;
 display: block;
 height: 44px;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 999;
 background: none;
}
 #titleBar .title {
 display: none;
}
 #titleBar .toggle {
 position: absolute;
 top: 0;
 left: 0;
 width: 60px;
 height: 44px;
}
 #titleBar .toggle:before {
 -moz-transition: all .15s ease-in-out;
 -webkit-transition: all .15s ease-in-out;
 -ms-transition: all .15s ease-in-out;
 transition: all .15s ease-in-out;
 font-family: FontAwesome;
 text-decoration: none;
 font-style: normal;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: '\f0c9';
 font-size: 14px;
 position: absolute;
 top: 6px;
 left: 6px;
 display: block;
 width: 54px;
 height: 38px;
 line-height: 38px;
 text-align: center;
 color: rgba(255, 255, 255, 0.75);
 background-color: rgba(92, 95, 103, 0.5);
 border-radius: 0.25em;
}
 #titleBar .toggle:active:before {
 background-color: rgba(92, 95, 103, 0.75);
}
 #navPanel {
 -moz-backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-transform: translateX(-275px);
 -webkit-transform: translateX(-275px);
 -ms-transform: translateX(-275px);
 transform: translateX(-275px);
 -moz-transition: -moz-transform 0.5s ease;
 -webkit-transition: -webkit-transform 0.5s ease;
 -ms-transition: -ms-transform 0.5s ease;
 transition: transform 0.5s ease;
 display: block;
 height: 100%;
 left: 0;
 overflow-y: auto;
 position: fixed;
 top: 0;
 width: 275px;
 z-index: 10002;
 background: #242730 url("images/overlay.png");
 box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
 #navPanel .link {
 display: block;
 color: rgba(255, 255, 255, 0.5);
 text-transform: uppercase;
 text-decoration: none;
 font-size: 0.85em;
 letter-spacing: 0.15em;
 text-decoration: none;
 height: 44px;
 line-height: 44px;
 border-top: solid 1px rgba(255, 255, 255, 0.05);
 margin: 0 15px 0 15px;
}
 #navPanel .link:first-child {
 border-top: 0;
}
 #navPanel .indent-1 {
 display: inline-block;
 width: 1em;
}
 #navPanel .indent-2 {
 display: inline-block;
 width: 2em;
}
 #navPanel .indent-3 {
 display: inline-block;
 width: 3em;
}
 #navPanel .indent-4 {
 display: inline-block;
 width: 4em;
}
 #navPanel .indent-5 {
 display: inline-block;
 width: 5em;
}
 #navPanel .depth-0 {
 color: #fff;
}
 body.navPanel-visible #page-wrapper {
 -moz-transform: translateX(275px);
 -webkit-transform: translateX(275px);
 -ms-transform: translateX(275px);
 transform: translateX(275px);
}
 body.navPanel-visible #titleBar {
 -moz-transform: translateX(275px);
 -webkit-transform: translateX(275px);
 -ms-transform: translateX(275px);
 transform: translateX(275px);
}
 body.navPanel-visible #navPanel {
 -moz-transform: translateX(0);
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
/* Nav */
#nav {display: none;}

.socialIcon, .mobileNumber{ text-align:center;}
.logo{text-align:center; margin-bottom:15px;}
.darkBg{ margin:0px 14px;}
.caption-right{padding:10px;}
.importantLink, .contactNo{margin-bottom:20px;}
.title-block{margin:20px 0px 50px 0px;}
.aboutStory{margin-bottom:20px;}
}

<!--Nav End here-->


/*==================
  SLIDER SECTION
====================*/

#aa-slider {
  float: left;
  display: inline;
  width: 100%;
}
#aa-slider .aa-slider-area {
  display: inline;
  float: left;
  width: 100%;
}
#aa-slider .aa-slider-area .seq-title {
  left: 19%;
  margin-right: 0;
  position: absolute;
  top: 30%;
  width: 57%;
  text-align: center;
}
#aa-slider .aa-slider-area .seq-title span {
  background-color: #fff;  
  display: inline-block;
  padding: 6px 15px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}
#aa-slider .aa-slider-area .seq-title h2 {
  background-color: rgba(255, 255, 255, 0.6);
  color: #00639d;
  display: inline-block;
  float: none;
  font-size: 35px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#aa-slider .aa-slider-area .seq-title p {
  color: #fff;
  display: block;
  text-align: center;
  letter-spacing: 0.5px;
}
#aa-slider .aa-slider-area .seq-title .aa-shop-now-btn {
  margin-top: 25px;
}
#aa-slider .aa-slider-area .seq .seq-next {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#aa-slider .aa-slider-area .seq .seq-next:hover, #aa-slider .aa-slider-area .seq .seq-next:focus {  
  border: 1px solid #f9f9f9;
  color: #fff;
}
#aa-slider .aa-slider-area .seq .seq-prev {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#aa-slider .aa-slider-area .seq .seq-prev:hover, #aa-slider .aa-slider-area .seq .seq-prev:focus {
  border: 1px solid #f9f9f9;
  color: #fff;
}

@media (max-width: 480px) {
  #aa-slider .aa-slider-area .seq-title {
    left: 2%;
    top: 15%;
    width: 90%;
  }

  #aa-slider .aa-slider-area .seq-title h2 {
    font-size: 25px;
    line-height: 30px;
    margin-top: 0;
  }

  #aa-slider .aa-slider-area .seq-title span {
    font-size: 12px;
  }

  .seq .seq-next, .seq .seq-prev {
    font-size: 30px;
    line-height: 35px;
    margin-top: -50px;
    padding: 5px 12px;
  }
  
  }
  @media (max-width: 991px) {
 
  #aa-slider .aa-slider-area .seq-title {
    left: 8%;
    width: 80%;
  }
}





 @media (max-width: 500px) {
 .col-1{width:100%;}
 .col-md-4{width:100%;}
 .col-xs-6{width:100%;}
 .threeBox{margin-top:-20px;}
 .copy, .designBy{width:100%; text-align:center;}
 
 }
  @media (max-width: 639px) {#aa-slider .aa-slider-area .seq-title{top:13%;}}
 
 @media only screen and (min-width:630px) and (max-width:1199px) {
 .col-2{width:50%; float:left;}
 .col-2 .col-md-4, .col-xs-4{width:100%; }
 }
 
  @media only screen and (min-width:501px) and (max-width:629px) {
 .col-2{width:100%; float:left;}
 .col-2 .col-md-4, .col-xs-4{width:100%; }
 }
 
 
 
 
 
 
 /* lg */ 
@media (min-width: 1200px) {
   #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
   .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
 
  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

 
}

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

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }



 }

/* XS Portrait */
@media (max-width: 480px) {


}