@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     font-family: 'Proxima Nova Rg';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
     font-family: 'Proxima Nova Rg';
     font-size:16px;
     color:#505050;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('../fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

 
 .clear {
     clear: both 
}
 audio, ::selection {
     background:#86be4f;
     color: #fff;
}
 input.contact-enquiry-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.contact-enquiry-box:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 
 .banner-caption-wraper{
     width:100%;
     height:auto;
     position: absolute;
	 margin:auto;
	 top:0;
	 bottom:0;
	 left:0;
	 display:flex;
	 align-items:center;
}
.caption-container{
	width:auto;
	height:auto;
	float:left;
	display:flex;
	align-items: flex-end;
}
.caption-content-container{
	width:auto;
	height:auto;
	float:left;
	padding-right:5%
}
.caption-content-container:nth-child(1){ width:65%;}
.caption-content-container:nth-child(2){ padding-bottom:3em}

.caption-top-bg{
	width:100%;
	height:auto;
	text-align:right;
	padding-right:5em;
	padding-top: 5em;
}
 .banner-caption-mid{
     color:#94c035;
      font-family: 'Gagalin';
     font-weight: normal;
    font-style: normal;
	 text-transform:uppercase;
	  font-size:4.125em;
	   white-space:nowrap;
	
}
 .caption-top{
     color:#086ab1;
     font-family: 'Kadisoka Script';
    font-weight: normal;
    font-style: normal;
	 font-size:4.125em;
	 white-space:nowrap;
}
 .caption-bottom:after {
     content: "";
     display: block;
     background: url(../images/caption-bottombg.png) no-repeat;
     width:223px;
     height:16px;
     float: left;
}
.caption-bottom-for {
    width: 100%;
    display: block;
    font-size:1.688em;
   color:#94c035;
    font-family: 'Proxima Nova Th';
    font-weight: bold;
    font-style: normal;
    margin-top: 1em;
	letter-spacing:1px
}



 .top-wraper{
	 width:100%;
	 height:auto;
	 position:absolute;
	 left:0;
	 top:0;
	 z-index:9;
	 padding-top:25px;
	}

 .footer-wraper{
     width:100%;
     height: auto;
	 
}
.footer-bottom-wraper {
    width: 100%;
    height: auto;
	float:left
}
.copy-right {
    width: auto;
    height: auto;
    line-height:65px;
    padding-right: 10px;
    float: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 300;
    color:#333;
	display:flex;
	align-items:center;
}

.footer-bottom-link{
	width:auto;
	height:auto;
	float:left;
	margin-left:3em;
}
.footer-bottom-link ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:65px;
	display:flex;
	align-items:center;
}
.footer-bottom-link ul li{
	width:auto;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #fff;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#333;
	font-weight:300;
	line-height: 20px;
}
.footer-bottom-link ul li a{
	font-family:inherit;
	font-size:1em;
	color:#000;
	font-weight:300;
	display:flex;
	align-items:center;
}
 .designed {
    width:auto;
    height:auto;
    float:right;
}
.designed p {
    width:auto;
    height:auto;
    float:right;
    font-family: inherit;
    font-size:1em;
    font-weight: normal;
    line-height:65px;
    color:#333;
}
.designed p a {
    text-decoration:none;
    font-weight: normal;
    font-size:1em;
    color:#333;
}
.designed p a:hover {
    text-decoration:none;
    color:#000;
}

 .designed ul{
	 margin:0px;
	 padding:0px;
	 list-style-type:none;
	 display:flex;
	 align-items:center;
	}

 .designed ul li{
	 width:auto;
	 height:auto;
	 float:left;
	 margin-left:20px;
	 
	}

.footer-pic{
	width:100%;
	height:auto;
}
.footer-container{
	width:100%;
	height:auto;
	margin-top:2em;
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
}







.whats-app{
    position:fixed;
    top:76vh;
    right:0px;
    margin-right:50px;
    width:30px;
    z-index:120000;
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}

.welcome-wraper{
	width:100%;
	height:auto;
	padding-top:40px;
}

.welcome-wraper p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#333;
	font-weight: normal;
    font-style: normal;
	line-height:26px;
}
.welcome-wraper p a{
	font-family:inherit;
	font-size:1em;
	color:#111;
	font-weight: normal;
    font-style: normal;
	line-height:26px;
}
.welcome-wraper p a:hover{
	font-family:inherit;
	font-size:1em;
	color:#086ab1;
	font-weight: normal;
    font-style: normal;
	line-height:26px;
}
.sub-title{
	width:100%;
	display:block;
	font-size:1.125em;
	color:#086ab1;
	font-family: 'Proxima Nova Th';
	font-weight: bold;
    font-style: normal;
	margin-top:10px;
	
}

.sub-title-bottom{
	width:100%;
	display:block;
	font-size:1.125em;
	color:#086ab1;
	margin-top:10px;
	font-family:inherit;
	font-weight: normal;
    font-style: normal;
	font-style:italic;
	
}
.main-title{
	width:auto;
	float:left;
	margin-right:5%;
	padding-top:20px;
	padding-bottom:65px
}
.welcome-top-title{
	width:auto;
	height:auto;
	white-space:nowrap;
	font-family: inherit;
	color:#086ab1;
	font-size:2.375em;
	display:block;
	letter-spacing:2px;
}
.welcome-middle-title{
	width:auto;
	height:auto;
	white-space:nowrap;
	font-family: 'Proxima Nova Rg';
	color:#94c035;
	font-size:2.125em;
	text-transform:uppercase;
	display:block;
	line-height:1.5em;
	 font-weight: bold;
    font-style: normal;
}

.welcome-bottom-title{
	width:auto;
	height:auto;
	white-space:nowrap;
	font-family: 'Proxima Nova Rg';
	color:#666;
	font-size:1.375em;
	display:block;
	 font-weight: bold;
    font-style: normal;
}
/*.shop{ padding-top:100px;}
.shop-mid{ margin-top:-100px !important;}
*/

.shop-wraper{
	width:100%;
	height:auto;
	padding-top:55px;
}
.shop-title-wrap{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-bottom:0.5em
}
.shop-title{
	font-family: inherit;
	color:#086ab1;
	font-size:2.375em;
	 font-weight: normal;
    font-style: normal;
}
.shop-title span{
	font-family: 'Proxima Nova Rg';
	color:#94c035;
	font-size:1em;
	 font-weight: bold;
    font-style: normal;
}
.gallery {
	text-align:center;
    margin:0 auto;
}

/*.gallery-item {
	flex: 1 0 24rem;
	margin: 1rem;
	overflow: hidden;
}
*/
.gallery-item {
	width:32%;
	height:auto;
	 display:inline-block;
   vertical-align: middle;
   float: none;
	
}
.gallery-item:nth-child(3n+3){ margin-right:0%;}



.gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

.gallery-image:hover {
	transform: scale(1.15);
}

.shop-pic {
    width: 100%;
    height: 350px;
    overflow: hidden;
	display:flex; align-items: flex-end;
}
.shop-name{
	width:100%;
	height:auto;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-family: 'Proxima Nova Rg';
	color:#086ab1;
	font-size:1.375em;
	display:block;
	 font-weight: bold;
    font-style: normal;
	text-align:center;
	min-height:72px;
}


.fb{ width:100%; height:500px;}


/*************************************************** S BOOK ONLINE ***************************************************/
.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:1%;
	margin-bottom:1em
}
.bredcum-container{
	width:auto;
	height:auto;
	float:right;
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#77c044;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#333;
	line-height:30px;
	
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#000;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#000;
	line-height:30px;
	padding-left:8px;
	padding-right:8px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#83bf41;
	line-height:30px;
}



 
/*************************************************** E BOOK ONLINE ***************************************************/

.desk-view{ display:block}
.mob-view{ display:none}
.mob-banner{
	width:100%;
	height:auto;
	position:relative;
}
.mob-banner-pic{
	width:100%;
	height:auto;
}


.iframe-fb-container {
    text-align: center;
    width:100%;
    height:610px;
    display:inline-block;
}

.iframe-fb {
    width:100%;
    height:610px;
    overflow: hidden;
}

.social-container-wraper{
	width:80%;
	height:auto;
	clear:both;
	margin:0 auto;
}
.social-container{
	width:49%;
	height:auto;
	padding:0.5em;
	background-color:#1877f2;
	float:left; margin-right:2%;
	padding-right:0.75em;
}
.social-container-for{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	
}

.social-container:nth-child(2){
	margin-right:0%;
	background-color:#e72c9e
}

.social-name {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    justify-content: center;
    line-height: 40px;
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: mixed;
	float:left;
}
.social-name-mob{ display:none}
.social-name img{ width:80%;}

.wrap-social{ display:flex; justify-content: center}
.social-new-title{
	width:auto;
	height:44px;
	padding:5px 20px;
	line-height:44px;
	color:#333;
	text-transform:uppercase;
	font-family: 'Proxima Nova Rg';
	font-size: 1.25em;
}
.social-new-fb{
	width:200px;
	height:44px;
	padding:5px 30px;
	line-height:44px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Proxima Nova Rg';
	font-size: 1.375em;
	background-color:#1877f2;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center
	
}
.social-new-insta{
	width:200px;
	height:44px;
	padding:5px 30px;
	line-height:44px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Proxima Nova Rg';
	font-size: 1.375em;
	background-color:#e72c9e;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center
	
}
.social-pic-img {
    width: 100%;
    height: auto;
    display: block;
}
.social-pic-insta-img {
    width: auto;
    height: 34px;
    display: block;
}



 @media (min-width: 1023px) and (max-width: 1279px) {
    .container{ width:100%; padding-left:2%; padding-right:2% }
}
 @media (min-width: 1280px) and (max-width: 1359px) {
    .container{ width:100%; padding-left:3%; padding-right:3% }
}
 @media (min-width: 1360px) and (max-width: 1399px) {
	.container{ width:100%; padding-left:3%; padding-right:3% }
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{width:100%;padding-left:5%; padding-right:5% }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{width:100%; padding-left:5%;padding-right:5%     }
}
@media (min-width: 1600px) and (max-width:1919px) {
     .container{ width:100%; padding-left:5%;padding-right:5%  }
	 .iframe-fb-container { height:610px;}
		.iframe-fb {height:610px;}
		.social-container-wraper{ width:70%;}
		.shop-pic { height: inherit;}

}
 @media (min-width:1920px){
	 .gallery-item {flex: 1 0 26rem;} 
	 .iframe-fb-container { height:675px;}
	.iframe-fb {height:675px;}
	.social-container-wraper{ width:70%;}
	.shop-pic { height: inherit;}
	 
	 }
 @media (max-width:420px) {
	 
	 body{ font-size:14px;}
	  .container{ width:100%; padding-left:2%; padding-right:2%;}
	  .shop{ padding-top:0px;}
	  .shop-mid{ margin-top:0px !important}
	.gallery-item{margin:1rem 0rem;}
	.footer-bottom-link{ margin-left:0%}
	.gallery{ margin:0px}
	.gallery-item {flex: auto;}
	.gallery-item{ width:100%;}
	.desk-view{ display: none}
	.mob-view{ display: block}
	.caption-content-container:nth-child(1){ font-size:8px; width:85%}
	.nav__brand img{ width:20%}
	.main-title{ padding-bottom:10px}
	.caption-bottom::after { width: 125px; background-size: 100%; clear:left}
	.caption-bottom-for { clear:both;}
	.copy-right img{ display:none}
	
	.social-media-wrap { width: 100%;    height: auto;    display: inherit; border-spacing:0px;margin-left:0px;}
	.social-container{ width:100%; display:inherit; margin-bottom:2em;}
	.wrap-social{display: inherit;}
	.social-name img {transform: rotate(90deg);  -ms-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  width: 100%;}
	.social-container-for{ display:inherit}
	.social-name-mob{ width:100%;height:auto; display:flex; justify-content:center; margin-bottom:1em}
	.social-name-mob img{ width:50%;}
	.designed{ width:100%; float:none; display:flex; justify-content:center}
	.footer-bottom-link{ width:100%; float:none; display:flex; justify-content:center}
	.footer-bottom-link ul{ height:auto}
	.designed p{ line-height:30px;}
	.copy-right{ width:100%; line-height:30px; justify-content:center}
	.caption-top-bg img{ display:none !important}
	.banner-caption-wraper{align-items:flex-end;}
	.caption-container{ padding-bottom:2em;}
	.social-container-wraper{ width:100%;}
	.shop-name{ min-height: inherit}
	.social-new-fb{ width:155px;}
	.social-new-insta{ width:155px;}
	.social-new-title{ padding-left:0px;}

}
 @media (min-width:421px) and (max-width:560px){
	  body{ font-size:14px;}
	  .container{ width:100%; padding-left:2%; padding-right:2%;}
	   .shop{ padding-top:0px;}
	  .shop-mid{ margin-top:0px !important}
	  .gallery-item{margin:1rem 0rem;}
	  .footer-bottom-link{ margin-left:0%}
	  .gallery{ margin:0px}
	  .gallery-item {flex: auto;}
	  .gallery-item{ width:100%;}
	  .desk-view{ display: none}
	.mob-view{ display: block}
	.caption-content-container:nth-child(1){ font-size:10px; width:85%}
	.nav__brand img{ width:20%}
	.caption-bottom::after { width: 125px; background-size: 100%; clear:left}
	.caption-bottom-for { clear:both;}
	
		.copy-right img{ display:none}
	
	.social-media-wrap { width: 100%;    height: auto;    display: inherit; border-spacing:0px;margin-left:0px;}
	.social-container{ width:100%; display:inherit; margin-bottom:2em;}
	.wrap-social{display: inherit;}
	.social-name img {transform: rotate(90deg);  -ms-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  width: 100%;}
	.social-container-for{ display:inherit}
	.social-name-mob{ width:100%;height:auto; display:flex; justify-content:center; margin-bottom:1em}
	.social-name-mob img{ width:50%;}
	.copy-right{ width:100%; line-height:30px; justify-content:center}
	.caption-top-bg img{ display:none !important}
	.banner-caption-wraper{align-items:flex-end;}
	.caption-container{ padding-bottom:2em;}
	.social-container-wraper{ width:100%;}
	.shop-name{ min-height: inherit}
	  

}
 @media (min-width:561px) and (max-width:680px){
	  body{ font-size:15px;}
	  .container{ width:100%; padding-left:2%; padding-right:2%;}
	  
 .shop{ padding-top:0px;}
	  .shop-mid{ margin-top:0px !important}
	  .gallery-item{margin:1rem 0rem;}
	  .footer-bottom-link{ margin-left:0%}
	  .gallery{ margin:0px}
	  .gallery-item {flex: auto;}
	  .gallery-item{ width:49%; margin-right:2%; float:left}
	  .shop-pic{ height:auto}
	  .gallery-item:nth-child(3n+3) {margin-right: 2%;}
	   .gallery-item:nth-child(2n+2){ margin-right:0%;}
	   .desk-view{ display: none}
	.mob-view{ display: block}
	.caption-content-container:nth-child(1){ font-size:10px;}
	.nav__brand img{ width:20%}
	
	.social-media-wrap { width: 100%;    height: auto;    display: inherit; border-spacing:0px;margin-left:0px;}
	.social-container{ width:100%; display:inherit; margin-bottom:2em;}
	.wrap-social{display: inherit;}
	.social-name img {transform: rotate(90deg);  -ms-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  width: 100%;}
	.social-container-for{ display:inherit}
	.social-name-mob{ width:100%;height:auto; display:flex; justify-content:center; margin-bottom:1em}
	.social-name-mob img{ width:50%;}
	.copy-right{ width:100%; line-height:30px; justify-content:center}
	.caption-top-bg img{ display:none !important}
	.banner-caption-wraper{align-items:flex-end;}
	.caption-container{ padding-bottom:2em;}
	.social-container-wraper{ width:100%;}
	.shop-name{ min-height: inherit}
	 
}
 @media (min-width:681px) and (max-width: 768px){
	  body{ font-size:15px;}
	  .container{ width:100%; padding-left:2%; padding-right:2%;}
	   .shop{ padding-top:0px;}
	  .shop-mid{ margin-top:0px !important}
	  .gallery-item{margin:1rem 0rem;}
	  .footer-bottom-link{ margin-left:0%}
	  .gallery{ margin:0px}
	  .gallery-item {flex: auto;}
	  .gallery-item{ width:49%; margin-right:2%; float:left}
	  .shop-pic{ height:auto}
	  .gallery-item:nth-child(3n+3) {margin-right: 2%;}
	   .gallery-item:nth-child(2n+2){ margin-right:0%;}
	   .desk-view{ display: none}
	.mob-view{ display: block}
	.caption-content-container:nth-child(1){ font-size:12px;}
	.nav__brand img{ width:20%}
	
	.social-media-wrap { width: 100%;    height: auto;    display: inherit; border-spacing:0px;margin-left:0px;}
	.social-container{ width:100%; display:inherit; margin-bottom:2em;}
	.wrap-social{display: inherit;}
	.social-name img {transform: rotate(90deg);  -ms-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  width: 100%;}
	.social-container-for{ display:inherit}
	.social-name-mob{ width:100%;height:auto; display:flex; justify-content:center; margin-bottom:1em}
	.social-name-mob img{ width:50%;}
	.designed{ width:100%; float:none; display:flex; justify-content:center}
	.designed p{ line-height:40px}
	.social-container-wraper{ width:100%;}
	.shop-name{ min-height: inherit}
	  

}
 @media (min-width:769px) and (max-width:991px){
	  body{ font-size:15px;}
	  .container{ width:100%; padding-left:2%; padding-right:2%;}
	   .shop{ padding-top:0px;}
	  .shop-mid{ margin-top:0px !important}
	  .gallery-item{margin:1rem 0rem;}
	  .footer-bottom-link{ margin-left:0%}
	  .gallery{ margin:0px}
	   .gallery-item {flex: auto;}
	  .gallery-item{ width:49%; margin-right:2%; float:left}
	  .shop-pic{ height:auto}
	  .gallery-item:nth-child(3n+3) {margin-right: 2%;}
	   .gallery-item:nth-child(2n+2){ margin-right:0%;}
	   .desk-view{ display: none}
	.mob-view{ display: block}
	.caption-content-container:nth-child(1){ font-size:12px;}
	.designed{ width:100%; float:none; display:flex; justify-content:center}
	.designed p{ line-height:40px}
	.shop-name{ min-height: inherit}
	  
}
 @media (min-width:992px) and (max-width:1199px){
}