/* font-family: 'Lobster', cursive;
font-family: 'Poppins', sans-serif;  */
@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaProLight.eot');
    src: url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),url('../fonts/SofiaProLight.woff2') format('woff2'),url('../fonts/SofiaProLight.woff') format('woff'),url('../fonts/SofiaProLight.ttf') format('truetype'),url('../fonts/SofiaProLight.svg#SofiaProLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-BoldItalic.eot');
    src: url('../fonts/KurryPro-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-BoldItalic.woff2') format('woff2'),url('../fonts/KurryPro-BoldItalic.woff') format('woff'),url('../fonts/KurryPro-BoldItalic.ttf') format('truetype'),url('../fonts/KurryPro-BoldItalic.svg#KurryPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-Bold.eot');
    src: url('../fonts/KurryPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-Bold.woff2') format('woff2'),url('../fonts/KurryPro-Bold.woff') format('woff'),url('../fonts/KurryPro-Bold.ttf') format('truetype'),url('../fonts/KurryPro-Bold.svg#KurryPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-Regular.eot');
    src: url('../fonts/KurryPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-Regular.woff2') format('woff2'),url('../fonts/KurryPro-Regular.woff') format('woff'),url('../fonts/KurryPro-Regular.ttf') format('truetype'),url('../fonts/KurryPro-Regular.svg#KurryPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-HeavyItalic.eot');
    src: url('../fonts/KurryPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-HeavyItalic.woff2') format('woff2'),url('../fonts/KurryPro-HeavyItalic.woff') format('woff'),url('../fonts/KurryPro-HeavyItalic.ttf') format('truetype'),url('../fonts/KurryPro-HeavyItalic.svg#KurryPro-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-Heavy.eot');
    src: url('../fonts/KurryPro-Heavy.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-Heavy.woff2') format('woff2'),url('../fonts/KurryPro-Heavy.woff') format('woff'),url('../fonts/KurryPro-Heavy.ttf') format('truetype'),url('../fonts/KurryPro-Heavy.svg#KurryPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-Light.eot');
    src: url('../fonts/KurryPro-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-Light.woff2') format('woff2'),url('../fonts/KurryPro-Light.woff') format('woff'),url('../fonts/KurryPro-Light.ttf') format('truetype'),url('../fonts/KurryPro-Light.svg#KurryPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-LightItalic.eot');
    src: url('../fonts/KurryPro-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-LightItalic.woff2') format('woff2'),url('../fonts/KurryPro-LightItalic.woff') format('woff'),url('../fonts/KurryPro-LightItalic.ttf') format('truetype'),url('../fonts/KurryPro-LightItalic.svg#KurryPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-Thin.eot');
    src: url('../fonts/KurryPro-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-Thin.woff2') format('woff2'),url('../fonts/KurryPro-Thin.woff') format('woff'),url('../fonts/KurryPro-Thin.ttf') format('truetype'),url('../fonts/KurryPro-Thin.svg#KurryPro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-RegularItalic.eot');
    src: url('../fonts/KurryPro-RegularItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-RegularItalic.woff2') format('woff2'),url('../fonts/KurryPro-RegularItalic.woff') format('woff'),url('../fonts/KurryPro-RegularItalic.ttf') format('truetype'),url('../fonts/KurryPro-RegularItalic.svg#KurryPro-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry Pro';
    src: url('../fonts/KurryPro-ThinItalic.eot');
    src: url('../fonts/KurryPro-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/KurryPro-ThinItalic.woff2') format('woff2'),url('../fonts/KurryPro-ThinItalic.woff') format('woff'),url('../fonts/KurryPro-ThinItalic.ttf') format('truetype'),url('../fonts/KurryPro-ThinItalic.svg#KurryPro-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-Heavy.eot');
    src: url('../fonts/Kurryeco-Heavy.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-Heavy.woff2') format('woff2'),url('../fonts/Kurryeco-Heavy.woff') format('woff'),url('../fonts/Kurryeco-Heavy.ttf') format('truetype'),url('../fonts/Kurryeco-Heavy.svg#Kurryeco-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-LightItalic.eot');
    src: url('../fonts/Kurryeco-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-LightItalic.woff2') format('woff2'),url('../fonts/Kurryeco-LightItalic.woff') format('woff'),url('../fonts/Kurryeco-LightItalic.ttf') format('truetype'),url('../fonts/Kurryeco-LightItalic.svg#Kurryeco-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-Bold.eot');
    src: url('../fonts/Kurryeco-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-Bold.woff2') format('woff2'),url('../fonts/Kurryeco-Bold.woff') format('woff'),url('../fonts/Kurryeco-Bold.ttf') format('truetype'),url('../fonts/Kurryeco-Bold.svg#Kurryeco-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-Light.eot');
    src: url('../fonts/Kurryeco-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-Light.woff2') format('woff2'),url('../fonts/Kurryeco-Light.woff') format('woff'),url('../fonts/Kurryeco-Light.ttf') format('truetype'),url('../fonts/Kurryeco-Light.svg#Kurryeco-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-BoldItalic.eot');
    src: url('../fonts/Kurryeco-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-BoldItalic.woff2') format('woff2'),url('../fonts/Kurryeco-BoldItalic.woff') format('woff'),url('../fonts/Kurryeco-BoldItalic.ttf') format('truetype'),url('../fonts/Kurryeco-BoldItalic.svg#Kurryeco-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-HeavyItalic.eot');
    src: url('../fonts/Kurryeco-HeavyItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-HeavyItalic.woff2') format('woff2'),url('../fonts/Kurryeco-HeavyItalic.woff') format('woff'),url('../fonts/Kurryeco-HeavyItalic.ttf') format('truetype'),url('../fonts/Kurryeco-HeavyItalic.svg#Kurryeco-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-Regular.eot');
    src: url('../fonts/Kurryeco-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-Regular.woff2') format('woff2'),url('../fonts/Kurryeco-Regular.woff') format('woff'),url('../fonts/Kurryeco-Regular.ttf') format('truetype'),url('../fonts/Kurryeco-Regular.svg#Kurryeco-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-ThinItalic.eot');
    src: url('../fonts/Kurryeco-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-ThinItalic.woff2') format('woff2'),url('../fonts/Kurryeco-ThinItalic.woff') format('woff'),url('../fonts/Kurryeco-ThinItalic.ttf') format('truetype'),url('../fonts/Kurryeco-ThinItalic.svg#Kurryeco-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-Thin.eot');
    src: url('../fonts/Kurryeco-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-Thin.woff2') format('woff2'),url('../fonts/Kurryeco-Thin.woff') format('woff'),url('../fonts/Kurryeco-Thin.ttf') format('truetype'),url('../fonts/Kurryeco-Thin.svg#Kurryeco-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kurry eco';
    src: url('../fonts/Kurryeco-RegularItalic.eot');
    src: url('../fonts/Kurryeco-RegularItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Kurryeco-RegularItalic.woff2') format('woff2'),url('../fonts/Kurryeco-RegularItalic.woff') format('woff'),url('../fonts/Kurryeco-RegularItalic.ttf') format('truetype'),url('../fonts/Kurryeco-RegularItalic.svg#Kurryeco-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

html{overflow-x: hidden;}
body{font-family: 'Poppins', sans-serif;color: #3C4B61;margin:0;padding:0;font-size:20px;line-height: 1.6;font-weight:400;
-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;
letter-spacing: -0.5px;overflow: hidden;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:20px;line-height: 1.25;}

h1,.h1{font-size: 75px;line-height: 1.2;color: #0055B8;letter-spacing: -1.88px;font-family: 'Kurry Pro';font-weight: bold;}
h2,.h2{font-size: 55px; color: #0055B8;font-weight: bold;font-family: 'Kurry Pro';}
h3,.h3{font-size: 45px; color: #0055B8;}
h4,.h4{font-size: 35px; color: #0055B8;font-weight: 600;}
h5,.h5{font-size: 30px;color: #0055B8;font-weight: 600;}
h6,.h6{font-size: 20px;color: #0055B8;font-weight: 600;}
.big{font-size: 18px;}
.small{font-size: 14px;}
p{margin-bottom: 30px;font-size: 20px;line-height: 32px;}
p:nth-last-child(1){margin-bottom: 0}
ul li, ol li{font-size: 18px;}
.fw-semibold{font-weight: 600;}

h1 span{color: #FCDC3E}
h2 span{color: #FCDC3E}
h3 span{color: #FCDC3E}
h4 span{color: #FCDC3E}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6{color:#fff}
::-moz-selection{color:#fff;background:#11366D;}
::selection{color:#fff;background:#11366D;}
.f-25{font-size: 25px;}

/*plaecholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #3C4B61;opacity: 1}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #3C4B61;opacity: 1}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #3C4B61;opacity: 1}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{color: #3C4B61;opacity: 1}

#productmodal .product-content .redio-btn input[type="radio"], #productmodal .product-content select, .checkbox input[type="checkbox"]{
     -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

:focus{	outline: 0!important;}
.btn-secondary.focus, .btn-secondary:focus {border-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
a{color: #0055b8;background-color: transparent;display: inline-block;text-decoration: none;}
a:hover{text-decoration: none;color: #00B2E3;}
a:visited,a:focus, a:active {text-decoration: none;outline: 0;}
.container { max-width: 1570px; padding-left: 100px; padding-right: 100px;}
.container.full{max-width: 100%;padding-left: 110px;padding-right: 110px;}
.container.inner { max-width: 1160px;}
.fw-light{font-weight: 300!important}
.fw-medium{font-weight: 500!important}
.fw-semibold{font-weight: 600!important}
.fw-black{font-weight: 900!important}
.btn.focus, .btn:focus{-webkit-box-shadow: none;box-shadow: none;}
.color-default{color: #3C4B61}

.slick-slide{outline: 0;overflow: hidden;}
.slick-arrow{background-color: #00B2E3;color: #fff;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);
	color: #fff;border: 0;font-size:0;width:49px;height:49px;cursor:pointer;z-index:1;outline:0 !important;background-image:none !important;padding:12px;border-radius:50%;bottom: 0;line-height: 24px;text-align: center;min-width: auto;color: #0045AB;}
.slick-prev{left: 30px;}
.slick-next{right: 30px;}
.slick-prev:before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url(../images/arrow-left.png);background-size: 12px;background-repeat: no-repeat;background-position: center;filter: brightness(0) invert(1);}
.slick-next:before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url(../images/arrow-right.png);background-size: 12px;background-repeat: no-repeat;background-position: center;filter: brightness(0) invert(1);}
.slick-prev:hover:before,
.slick-next:hover:before{filter: unset;}
.slick-arrow.slick-disabled {opacity: 0.64;}
.slick-dots{width:100%;list-style:none;text-align:center;position:absolute;line-height:0;bottom: 22px;margin: 0;padding: 0;}
.slick-dots li{position: relative;display: inline-block;cursor: pointer;list-style: none;margin: 0 5px;}
.slick-dots li button {   height: 12px;width: 12px;min-width: auto;background-color: #fff;border-radius: 100%;padding: 0;border: 0;cursor: pointer;color: transparent;outline: 0 !important;position: relative;opacity: 0.5;}.slick-dots li button:hover,.slick-dots li.slick-active button {opacity: 1}
.slick-arrow:hover{background-color: #fff;color: #00B2E3;}
.slider__counter { position: absolute; right: calc(15% + 65px); bottom: 15px; letter-spacing: 0.1em; text-transform: uppercase; color: #BF1A1A; font-size:12px; }
.slider__counter i { margin: 0 5px; }

.fade-element{opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
.fade-element.do-fade{opacity: 1;}

.drawer-open{overflow: hidden;}
.full-width{max-width: 100%;width: 100%;}
/* main{padding-top: 118px;} */
img{max-width: 100%;width: auto;}
.img-wrapper {position: relative;padding-top: 100%;}
.img-wrapper img {position: absolute;top: 0;height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;left:0;}
.section-padding{padding-top: 130px;padding-bottom: 130px;}
.section-margin{margin-top: 120px;margin-bottom: 120px;}
.mobile{display: none;}
.blue-bg{background-color: #11366D;}
.mfp-iframe-holder .mfp-close:hover{background-color: transparent;border-color: transparent;}
.bg-none{background-image: none !important;}
.error{color: red !important;}

/*button css*/
.btn, button{position: relative;display: inline-block;cursor: pointer;outline: none;border: 1px solid #00B2E3;vertical-align: middle;text-decoration: none;background-color: #00B2E3;padding: 14px 30px;font-size: 20px;letter-spacing: -0.5px;color: #fff;font-weight: bold;border-radius: 11px;text-transform: capitalize;min-width: 200px;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; -ms-transition: all 0.3s;transition: all 0.3s; text-align: center;}
.btn:hover, button:hover{background-color: #0055B8;border-color: #0055B8;color: #fff;
}
.btn-secondary{position: relative;display: inline-block;cursor: pointer;outline: none;border: 1px solid #0055B8;vertical-align: middle;text-decoration: none;background-color: #0055B8;padding: 14px 30px;font-size: 20px;letter-spacing: -0.5px;color: #fff;font-weight: bold;border-radius: 11px;text-transform: capitalize;min-width: 200px;  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -o-transition: all 0.3s;  -ms-transition: all 0.3s; transition: all 0.3s;text-align: center;}
.btn-secondary:hover{background-color: #00B2E3;border-color: #00B2E3;color: #fff;}
.section-header { margin: 0 0 60px;}
.shape,
.shape-two{position: relative;z-index: 1;}
.shape:before,
.shape-two:after{content: "";position: absolute;height: 100%;width: 100%;left: 0;top: 0;background-repeat: no-repeat;z-index: -1;}
.spinner-border{
    display: none;
}
/*.btn-loader{
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: -9px;
    border: 4px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    font-size: 20px;
}*/
.btn-loader::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('../images/load-gif.gif');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
}
.btn-loader{
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

/* Page Loader CSS */
.page-loader {
    overflow: hidden;
}
.loader {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: transparent linear-gradient(180deg, #00B2E3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    z-index: 1062;
    top: 0;
    left: 0;
}
.loader .loader-img {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    animation: zoom-in-zoom-out 1s ease infinite;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* Page Loader CSS End */

/*header css */
.site-header { 
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
}
.header-right{
    padding-top: 40px; 
    padding-bottom: 40px
}
.header-logo a{vertical-align: middle;}
.menu .menu-wraper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu .menu-wraper ul li{
	display: inline-block;
	margin: 0 20px;
}
.menu .menu-wraper ul li a{
	position: relative;
	font-size: 22px;
	letter-spacing: -0.55px;
	color: #FFFFFF;
	text-transform: capitalize;
	line-height: normal;
	padding: 0px 0 10px;
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;    
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
    font-weight: 300;
}
.menu .menu-wraper ul li a:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	right: 0;
    margin: 0 auto;
	background-color: #0055B8;
	box-shadow: 0px 0px 6px #0055B8;
	width: 10px;
	height: 10px;    border-radius: 100%;
    opacity: 0;  
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.menu .menu-wraper ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	right: 0;
    margin: 0 auto;
	background-color: #0055B8;
	box-shadow: 0px 0px 6px #0055B8;
	width: 14px;
	height: 14px;
    border-radius: 100%;              
    opacity: 0;  
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}
.menu .menu-wraper ul li.active a:after,
.menu .menu-wraper ul li.active a:before/*,
.menu .menu-wraper ul li:hover a:before,
.menu .menu-wraper ul li:hover a:after*/{
	opacity: 1;
}
.menu .menu-wraper > ul li.active a/*,
.menu .menu-wraper > ul li:hover a*/{
	color: #0055B8;
	font-weight: bold;
}
.header-icons li{
	padding-left: 10px;
    display: inline-block;
}
.header-icons li.serch-icon{
	border-right: 1px solid #fff;
	padding-right: 15px;
}
.header-icons .cart span {
    background-color: #0055B8;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 12px;
    position: absolute;
    top: -2px;
    right: -4px;
}
.menu-icon,
.menu-close{
    display: none;
}
/*home main */
.home-bg{
	background-image: url(../images/home-bg.png);
	background-repeat: no-repeat;
    position: absolute;
    top: 0;
    height: calc(100% + 390px);
    width: 100%;
    left: 0;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}
/*hero */
.hero-section {
    padding: 148px 0 0px;
}
.hero-section .img-block .sliderimg{
	  -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.hero-section .shape-top {
    position: absolute;
    top: 13px;
    right: 0;
      -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.hero-section .shape-bottom {
    position: absolute;
    bottom: 11%;
    left: 15%;
      -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.hero-section .hero-img:hover .sliderimg{
	transform: rotate(-10deg);
}
.hero-section .hero-img:hover .shape-top{
    right: 30px;
}
.hero-section .hero-img:hover .shape-bottom{
	    transform: translate(30px, 0px);
}

/*home-img-with-txt css*/
.home-img-with-txt{
    margin-top: -30px;
}
.home-img-with-txt .img-block .img-left{
	padding-bottom: 75px;
}
.home-img-with-txt .text-block h2{
	/*margin-left: -43%;*/
    font-family: 'Kurry eco';
    font-weight: bold;
	position: relative;
}
.home-img-with-txt .img-block .img-left .img-wrp img,
.home-img-with-txt .img-block .img-right img{
    border-radius: 40px;
        width: 100%;
}
.home-img-with-txt .img-block .img-left .shape-top{
	    max-width: 208px;
    position: absolute;
        top: 0;
    right: -60px;
}
.home-img-with-txt .img-block .img-left .shape-bottom {
    position: absolute;
    bottom: 100px;
    left: -54px;
    max-width: 143px;
}
.home-img-with-txt.shape:before{
	background-image: url(../images/fishlight.svg);
    background-position: 122% 10px;
}
.home-img-with-txt .img-block {
    padding-right: 75px;
}

/*Featured Products */
.featur-product .nav-tabs .nav-link {
    color: #3C4B61;
    border: 1px solid #0055B8;
    border-radius: 11px;
    min-width: 170px;
    padding: 7px 15px;
    font-size: 16px;
    line-height: normal;
}
.featur-product .nav-tabs .nav-item{
    margin: 0 8px 8px;    
}
.featur-product .section-header h2{
    font-family: 'Kurry eco';
    text-transform: uppercase;
}
.featur-product .nav-tabs{
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
}
.featur-product .nav-tabs .nav-link.active,
.featur-product .nav-tabs .nav-link:hover{
	color: #fff;
	background-color: #0055B8;
}
.featur-product.shape:before{
	background-image: url(../images/fishlight.svg);
	background-position: -26% top; 
}
.featur-product.shape-two:after{
	background-image: url(../images/green-leaves.png);
    background-position: 103% 96%;
}
.featur-product .featur-probox{
	position: relative;
    border: 0.5px solid #E8E8E8;
    border-radius: 43px;
    overflow: hidden;
    box-shadow: 0px 0px 30px #00000017;
    background-color: #fff;
}
.featur-product .featur-probox h5{
	letter-spacing: -0.75px;
	color: #3C4B61;
    border-bottom: 0.5px solid rgb(60 75 97 / 10%);
    padding: 0 0 15px;
    margin: 0 0 15px;
    font-size: 18px;
}
.featur-product .featur-probox .featur-pro-content{
	padding: 20px;
}
.featur-product .featur-probox .featur-pro-content-bottom{
    position: relative;
    z-index: 1;
}
.featur-product .featur-probox .price {
    color: #3C4B61;
    font-weight: bold;
    text-transform: uppercase;
}
.featur-product .featur-probox .price span{
	    font-size: 14px;
    padding-left: 4px;
}
.featur-product .featur-probox .btn{
	font-size: 12px;
    left: 0;
    border-radius: 8px;
    padding: 10px 18px;
    min-width: 130px;
}
.featur-product .featur-probox .price {
    width: 44%;
}
.featur-product .featur-probox .btn img{
	max-width: 20px;
    margin-right: 4px;
}
.featur-product .featur-probox:hover .btn{
	transform: scale(1.1);
	background-color: #0055B8;
    border-color: #0055B8;
}
.featur-product .featur-probox .label {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    background-color: #FCDC3E;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #0000001a;
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    min-width: 83px;
    text-align: center;
    top: 35px;
    position: absolute;
    z-index: 1;
    left: 20px;
}
.featur-probox .hover-img{
	opacity: 0;
    visibility: hidden;
}
.featur-product .featur-probox img,
.featur-product-new .featur-proimg img{
    -webkit-transition: all 0.6s;                  
    -moz-transition: all 0.6s;                 
    -o-transition: all 0.6s;   
    -ms-transition: all 0.6s;          
    transition: all 0.6s;
}

.featur-probox:hover .hover-img-active .state-img,
.featur-probox .hover-img-active .hover-img{
	opacity: 0;
    visibility: hidden;
}
.featur-probox:hover .hover-img-active .hover-img{
	opacity: 1;
    visibility: visible;
}
.featur-product .featur-probox:before{
	content: "";
    position: absolute;
    /* background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box; */
    bottom: 0;
    left: 0;
    height: 57%;
    width: 100%;
    z-index: 1;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+26,ffffff+100&1+56,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 26%, rgba(255,255,255,1) 56%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 26%,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 26%,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.featur-product .featur-probox .img-wrapper{
    margin-bottom: -20px;	
}
.featur-product {
    background-image: url(../images/blue-wavs.svg);
    background-repeat: no-repeat;
    background-position: 0 80%;
    background-size: contain;
}

/*category css */
.category-sec .category-box{
	position: relative;
    border-radius: 43px;
        overflow: hidden;
}
.category-sec .section-header h2{
    font-family: 'Kurry eco';
    text-transform: uppercase;
}
.category-sec .category-box:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
    background-color: rgb(0 85 184 / 37%);
    z-index: 1;
}
.category-sec .category-content{
	position: absolute;
	padding: 37px;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.category-sec .img-wrapper{
    padding-top: 115%;
}
.category-sec .category-content h2{
    letter-spacing: -1.38px;	
    line-height: 1;
    margin-bottom: 5px;
}
.category-sec .section-header img{
    max-width: 73px;
}
.category-sec.shape:before{
	background-image: url(../images/boat.svg);
    background-position: 109% 77%;
}
.category-sec.shape-two:after{
	background-image: url(../images/wavw-line-blue.svg);
    background-position: -40px 17%;
    background-size: 12%;
}

/*featur-slider-sec css*/
.featur-slider-sec{
    padding-top: 150px;
    padding-bottom: 150px;
}
.featur-slider-sec.shape:before{
	background-color: #0045AB;
    width: 70%;
}
.featur-slider-sec.shape-two:after{
	background-image: url(../images/wordshape.png);
	width: 30%;
    right: 0;
    left: auto;
    background-color: rgb(0 69 173 / 20%);
    background-position: center 92%;
}
.featur-slider-sec .btn{
	min-width: 236px;
}
.featur-slider-sec .btn:hover{
    background-color: #fff;
    color: #00B2E3;
    border-color: #00B2E3;
}
.featur-slider-sec .featur-slider{
    width:calc(50vw - 30px);
    position: relative;
    left: 50vw;
    margin-left: -50vw;
}
.featur-slider-sec .featur-slider .slick-prev {
    left: 40px;
}
.featur-slider-sec .featur-slider .slick-next {
    right: 60px;
}
.featur-slider-sec .featur-slide img{
	border: 1px solid #707070;
    border-radius: 43px 0px 0px 43px;
}
.featur-slider-sec .featur-slider:before{
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	background: transparent linear-gradient(90deg, #0045AB 0%, #0045AB00 100%) 0% 0% no-repeat padding-box;
	opacity: 0.64;
	width: 17%;
    z-index: 1;
    top: 0;
}
.featur-slider-sec .featur-slider:after{
	content: "";
	position: absolute;
	right: 0;
	height: 100%;
	background: transparent linear-gradient(270deg, #0045AB 0%, #0045AB00 100%) 0% 0% no-repeat padding-box;
	opacity: 0.64;
	width: 20%;
    z-index: 0;
    top: 0;
}
.featur-slider-sec .green-leaves {
    position: absolute;
    top: -80px;
    left: 11%;
}
.featur-slider-sec .fishshape {
    position: absolute;
    bottom: 4%;
    left: -18%;
    opacity: 1;
    filter: brightness(0) invert(1);
    max-width: 430px;
}
.featur-slider-sec li .img-wrp{
	min-width: 80px;
}


/*footer css */
.footer-top{
	padding: 60px 0;
}
.footer-top .footer-logo-wrp .copyright{
    font-size: 15px;
    letter-spacing: -0.3px;
}
footer{
    background-image: url(../images/river-line.svg);
    background-repeat: no-repeat;
}
/*footer .footer-bg{
	position: absolute;
	top: 0;
	width: 110%;
	animation: wave 2s linear infinite;
}
@keyframes wave {
  0% { 
    left: -10%; 
  }
  100% { 
    left: 0; 
  }
}*/
.footer-bottom-img img {
    max-width: 35px;
}
.footer-bottom-img span {
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    letter-spacing: -0.15px;
    text-align: left;
}
.footer-bottom {
    background-color: #0055B8;
    padding: 12px 0;
    position: relative;
}
.footer-bottom:before{
    content: "";
    position: absolute;
    bottom: 28px;
    width: 100%;
    height: 1px;
    opacity: 0.4;
    background-color: #fff;
}
.footer-bottom .social-icon,
.footer-bottom .footer-bottom-img{
    background-color: #0055b8;
    position: relative;
}
.footer-bottom p{
    letter-spacing: 0.42px;
}
footer .footer-title {
    font-size: 26px;
    margin: 0 0 40px;
}
.footer-top ul li{
	margin: 0 0 15px;
}
.footer-top ul li a {
    color: #3C4B61;
    font-size: 19px;
    letter-spacing: -0.38px;
    font-weight: 500;
}
.footer-top ul li a:hover{
	color: #0055B8;
}
.footer-menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.social-icon{
	margin: 0 -8px;
}
.social-icon li{
	display: inline-block;
	margin: 0 8px;
}
.social-icon li a{
	color: #fff
}
.social-icon li a:hover{
	color: #00B2E3;
}
.newsletter {
    padding: 150px 0 70px;
    background-image: url(../images/gray-wavs.svg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: 1;
}
.newsletter h4{
	color: #3C4B61;
	letter-spacing: -0.88px;	
    font-family: 'Sofia Pro';
}
.newsletter form{
	max-width: 925px;
	margin: 0 auto;
}
.newsletter form .input-group {
    background-color: rgb(0 178 227 / 71%);
    border-radius: 10px;
    padding: 17px 100px  17px 50px;
}
.newsletter form input[type="email"] {
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #fff;
    width: 100%;
    font-family: 'Sofia Pro';
    padding: 0;
    box-shadow: none;
}
.newsletter form input[type="submit"] {
    border: 0;
    background-color: transparent;
    font-size: 0;
    position: absolute;
    right: 30px;
    background-image: url(../images/send.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 35px;
    height: 100%;
    width: 35px;
    padding: 0;
    top: 0;
}
.newsletter form input[type="email"]::-webkit-input-placeholder{color: #fff;opacity: 1}
.newsletter form input[type="email"]::-moz-placeholder{color: #fff;opacity: 1}
.newsletter form input[type="email"]:-ms-input-placeholder{color: #fff;opacity: 1}
.newsletter form input[type="email"]::-ms-input-placeholder{color: #fff;opacity: 1}
.map{
    margin-bottom: -200px;
}
.map .ratio:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+14,ffffff+88&0+0,1+66 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.21) 14%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 88%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.21) 14%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 88%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.21) 14%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.map .ratio::before{
    padding-top: 30%;
}
.chat{
    position: fixed;
    bottom: 65px;
    right: 24px;    
    width: 120px;
    z-index: 1;
    color: #FFFFFF;
    text-align: center;
}
.chat .chat-wrap{
    width: 80px;
    height: 84px;
    padding: 10px 15px;
    background: transparent linear-gradient(0deg, #25CF43 0%, #61FD7D 100%) 0% 0% no-repeat padding-box;
    border-radius: 40px 10px 40px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}
.chat .mobile-text{
    letter-spacing: -0.2px;
    font-size: 8px;
    line-height: 9px;
    font-weight: 300;
    color: #fff;
    display: none;
}
.chat i{
    font-size: 42px;
    color: #fff;
}
.chat .desktop-text{
    color: #3C4B61;
    letter-spacing: -0.2px;
    font-size: 8px;
    line-height: 9px;
    font-weight: 300;
    margin-top: 4px;
}

/*about page */
.header-style2 .header-right {
    justify-content: space-between !important;
}
.header-style2 .header-icons {
    margin-left: auto;
}
.header-style2 .menu .menu-wraper ul li a{
    color: #0055B8;
}
.header-style2 .header-icons .cart span{
    background-color: #00B2E3;
}
.about-hero:before,
.custom-inner-hero:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 29%;
    height: calc(100% - 148px);
    background-image: url(../images/about-bg.png);
    background-repeat: no-repeat;
    z-index: 1;
}
.about-hero:after,
.custom-inner-hero:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 29%;
    height: calc(100% - 148px);
    background-color: #0055B8;
    z-index: -1;
}
.about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape {
    position: absolute;
    left: -186px;
    top: 150px;
}
.about-hero.hero-section .shape-bottom {
    bottom: 15%;
    max-width: 330px;
    left: -32%;
}
.about-hero .row {
    padding-right: 60px;
}
.about-img-with-txt{
    margin-top: -110px; 
}
.about-img-with-txt:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    border-radius: 0px 40px 40px 0px;
    background-image: url(../images/about-img-txt-bg.png);
    background-position: 142% 100%;
    background-repeat: no-repeat;
    background-color: #0055B8;
    z-index: -1;
}
.about-img-with-txt .container{
    max-width: 100%;
    padding-left: 190px;
    padding-right: 190px;
}
.about-img-with-txt .img-block img{
    box-shadow: 0px 0px 30px #00000033;
    border-radius: 20px;
    width: 100%;
}
.about-img-with-txt .img-block {
    padding: 80px 65px 0 0;
}
.about-img-with-txt .bottom-img{
    position: relative;
    margin-left: auto;
    margin-right: 15%;
    margin-top: -17%;
}
.about-img-with-txt .text-block p{
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.4px;
    max-width: 550px;
    line-height: 1.7;
}
.video-sec{
    padding: 130px 0 0;
}
.video-sec .video-block{
    padding-left: 75px;
}
.video-sec:before{
    content: "";
    position: absolute;
    right: -51%;
    background-image: url(../images/falling-salmon-slices-isolated.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: calc(100% + 60%);
    width: 100%;
    z-index: -1;
    top: -60%;
}
.video-sec .video-wrapper img{
    border-radius: 20px;
}
.video-sec .icon{
    color: #fff;
    font-size: 30px;
    width: 76px;
    height: 76px;
    background-color: #00B2E3;
    box-shadow: 0px 0px 25px #00000029;
    position: absolute;
    top: 50%;
    text-align: center;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 76px;
}
.video-sec .icon:before{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    height: calc(100% + 24px);
    width: calc(100% + 24px);
    border: 12px solid #00a9d7;
    z-index: -1;
    border-radius: 100%;
     
}
.video-sec .icon:after{
    content: "";
    position: absolute;
    top: -24px;
    left: -23px;
    height: calc(100% + 48px);
    width: calc(100% + 48px);
    border: 12px solid #00B2E352;
    z-index: -1;
    border-radius: 100%;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.service.shape:before{
    background-image: url(../images/green-leaves-center.png);
    background-position: 106% top;
}
.service-box {
    background-color: #fff;
    box-shadow: 0px 0px 45px #0000000f;
    border-radius: 26px;
    padding: 45px 35px;
    display: block;
    -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.service-box .icon {
    box-shadow: 0px 0px 30px #00000012;
    width: 100px;
    height: 100px;
    background-color: #00B2E3;
    line-height: 100px;
    text-align: center;
    border-radius: 100%;
}
.service-box .icon img{
    filter: brightness(0) invert(1);
    max-width: 50px;
    max-height: 50px;
}
.service-box h5 {
    color: #3C4B61;
}
.service-box:hover h5{
    color: #fff;
}
.service-box:hover .icon{
    background-color: #fff;
}
.service-box:hover .icon img{
    filter: none;
}
.service-box:hover{
    background-color: #00B2E3;
}
.service .col-md-4:nth-child(2){
    margin-top: 70px;
}
.service .col-md-4:nth-child(3){
    margin-top: 140px;
}
.service {
    z-index: 1;
}
.testimonials-slide {
    background-color: rgb(0 178 227 / 93%);
    border-radius: 40px;
    color: #fff;
    padding: 95px 240px 55px 75px;
    background-image: url(../images/qoute.png);
    background-repeat: no-repeat;
    background-position: 91% 85px;
    background-size: 70px;
}
.testimonials-slide h5{
	font-size: 22px;
}
.testimonials-slide .desc p,
.testimonials-slide .desc h5 {
    font-weight: 300;
    letter-spacing: -0.34px;
    font-size: 22px;
}
.instagramn-slider .slick-list{
    margin: 0 -155px 0 -60px;
}
.testimonials-slider .slick-dots{
    padding: 0;
    bottom: 55px;
    left: auto;
    right: 78px;
    width: auto;
}
.testimonials-slider .slick-dots li{
    margin: 0 4px;
}
.testimonials-slider .slick-dots li button{
    height: 16px;
    width: 16px;
    -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.testimonials-slider .slick-dots li button:hover, .testimonials-slider .slick-dots li.slick-active button{
    background-color: #FCDC3E;
    height: 24px;
    width: 24px;
}
.testimonials-slider .desc {
    max-width: 840px;
}
.testimonials {
    padding: 95px 0;
    z-index: 0;
}
.testimonials .testimonial-bg {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 40px 0px 0px 40px;
    height: 100%;
    object-fit: cover;
    width: 44%;
}
.testimonials.shape:before{
    background-image: url(../images/green-leaves-up.png);
    right: 0;
    top: -30px;
    width: 60%;
    background-position: right 0;
}
.testimonials .fcircle-shape{
    position: absolute;
    left: -8%;
    top: -60%;
    z-index: -1;
}
.instagram.shape:before{
    background-image: url(../images/green-leaves-left.png);
    height: 200px;
    width: 225px;
    z-index: 1;
    bottom: -65px;
    top: auto;
    left: 10px;
}
.instagramn-slider:before,
.instagramn-slider:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10%;
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    z-index: 1;
}
.instagramn-slider:after{
    right: 0;
    left: auto;
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}
.instagram .slick-arrow {
    background-color: #00B2E3;
    color: #fff;
    z-index: 2;
}
.instagram .slick-prev:before, .instagram .slick-next:before {
    filter: brightness(0) invert(1);
}
.instagram-slider {
    padding: 0 3px;
}
.instagram-slider .slick-list{
    margin: 0 -140px 0 -60px;
}
.instagram-slider img {
    border-radius: 40px;
}
.about-feture-pro {
    background-color: #00B2E3;
    z-index: 1;
        padding-bottom: 35px;
    margin-bottom: -120px;
}
.about-feture-pro-wrap:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100%;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.feture-service .icon {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #00000012;
    height: 66px;
    width: 66px;
    border-radius: 100%;
    text-align: center;
    line-height: 66px;
}
.feture-service h6{
    width: calc(100% - 100px);
}
.feture-service li:not(:last-child){
    margin-bottom: 48px;
}
.feture-service .icon img {
    width: 30px;
    display: inline-block;
}
.about-feture-pro:before{
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/fetur-img.png);
    background-repeat: no-repeat;
    top: 0;
}
.about-feture-pro:after{
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background: #0045AB 0% 0% no-repeat padding-box;
    z-index: -1;
    top: 0;
}
.about-feture-pro-slider .text-block{
    padding-top: 100px;
    padding-bottom: 100px;
}
.about-feture-pro .slick-arrow {
    top: 40px;
    transform: none;
    right: -150px;
    height: 40px;
    width: 40px;
}
.about-feture-pro .slick-prev {
    right: -105px;
    left: auto;
}
.about-feture-pro .slick-arrow {
    background-color: #0045AB;
    color: #fff;
}
.about-feture-pro .slick-prev:before, .about-feture-pro .slick-next:before {
    filter: brightness(0) invert(1);
}


/*category-hero page */
.category-hero{
    padding: 230px 0 50px;
}
.category-hero .fcircle-shape{
    top: -180px;
    left: -14%;
}
.category-hero .shape-bottom {
    position: absolute;
    top: 50px;
    left: -35%;
}
.category-hero .img-block img{
    /*border: 1px solid #707070;*/
    border-radius: 40px;
}
.breadcrumb{
    background-image: url(../images/home.svg);
    background-size: 37px;
    padding: 0 0 0 50px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-bottom: 0;
}
.breadcrumb-item.active {
    color: #3C4B61;
}
.breadcrumb .breadcrumb-item{
    font-size: 20px;
    font-weight: 600;
    padding: 0 0.5rem 0 0;
}
.breadcrumb .breadcrumb-item a{
    color: #0055B8;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #0055B8;
}
.breadcrumb-wrp{
    margin-top: 40px;
}
.category-page .featur-product.shape-two:after{
    background-position: 103% 14%;
}
.category-page .featur-product.shape:before{
    background-image: url(../images/dishbig.png);
    background-position: right top;
    background-size: auto;
    top: -280px;
    left: 0;
    width: 100px;
    z-index: -1;
}
.category-page .featur-product{
    padding: 55px 0 75px;
}
.category-pro .category-pro-box h4{
    font-size: 33px;
    letter-spacing: -0.82px;
    color: #3C4B61;
}
.category-pro .category-pro-box {
    border: 1px solid #707070;
    border-radius: 40px;
    margin-top: 180px;
    height: calc(100% - 180px);
    background-color: #fff;
}
.category-pro .category-pro-box .content {
    padding: 15px 50px 60px 50px;
}
.category-pro .category-pro-box .img-box {
    position: relative;
    margin-top: -180px;
    padding-top: 90%;
    margin-bottom: 25px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
}

.category-pro{
    padding: 120px 0;
}
.category-pro:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: calc(100% - 46%);
    width: 100%;
    background-image: url(../images/character-bg.png);
    background-repeat: no-repeat;
    z-index: -1;
    background-position: 56% 43%;
    background-color: #0055B8
}
.category-pro:after{
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 80px;
    width: 105%;
    background-color: #fff;
    border-radius: 100%;
}
.category-pro .top-shape{
    position: absolute;
    top: 41%;
    left: 0;
    height: 80px;
    width: 105%;
    background-color: #fff;
    border-radius: 100%;
    z-index: -1;
}
.category-pro .category-pro-box .img-box img {
    position: absolute;
    left: 0;
    right: 0;
    object-fit: cover;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
    border-radius: 100%;
}
.category-pro .category-pro-box:hover .content h4,
.category-pro .category-pro-box:hover .content p{
    color: #fff;
}
.category-pro .category-pro-box:hover .btn{
    border-color: #fff;
    background-color: #fff;
    color: #00B2E3;
}
/*shop page css*/
.product-lisitng{
    padding-bottom: 95px;
}
.product-lisitng.shape:before{
    background-image: url(../images/fishlight.svg);
    background-position: left center;
    left: -330px;
}
.product-lisitng.shape-two:after{
    background-image: url(../images/green-leaves.png);
    background-position: right 76%;
    right: -100px;
    left: auto;
}
.shop-page .about-hero:before,
.shop-page .about-hero:after{
    height: 100%;
}
.shop-page .category-pro-box h3{
    color: #3C4B61;
    letter-spacing: -1.13px;
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
font-size: 32px;
}
.shop-page .category-pro .category-pro-box{
    box-shadow: 0px 0px 25px #00000012;
    border: 1px solid #E3E3E3;
    border-radius: 40px;
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
position: relative;
padding: 0 20px;
display: block;
}
.shop-page .category-pro .category-pro-box .content {
    padding: 15px 0 44px 0;
}
.shop-page .category-pro .category-pro-box.active{
    background-color: #00B2E3;
}
.category-pro .category-pro-box:hover{
    background-color: #0045AB;
    border-color: #0045AB;
}
.category-pro .category-pro-box:hover h3,
.category-pro .category-pro-box.active h3{
    color: #fff;
    transform: translateY(-30px);
}
.category-pro-slider .slick-slide{
    padding-left: 22px;
    height: inherit !important;
}
.category-pro-slider .slick-track{
    display: flex !important;
}
.category-pro-slider .slick-list{
    margin-left: -22px;
    width: calc(100% + 22px);
}
.shop-page .category-pro-box .count{
    font-size: 25px;
    letter-spacing: -0.63px;
    color: #FCDC3E;
    font-weight: normal;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.shop-page .category-pro-box:hover .count,
.shop-page .category-pro-box.active .count{
    opacity: 1;
    visibility: visible;
}
.category-pro .category-pro-box:hover .img-box img{
    transform: scale(1.04) rotate(12deg);
}
.shop-page .category-pro:before,
.shop-page .category-pro:after{display: none;}
.shop-page .category-pro{
    padding: 90px 0 100px;
}
.sidebar .widget-box{
    padding: 50px 30px;
    box-shadow: 0px 0px 30px #00000012;
    border: 0.5px solid #3C4B6142;
    border-radius: 40px;
    background-color: #fff;
}
.sidebar .widget-box:not(:last-child){
    margin-bottom: 65px;
}
.sidebar .widget-box.edit-category {
    margin-bottom: 95px;
    border-radius: 18px;
    padding: 18px 30px;
}
.sidebar .widget-box .title{
    font-size: 25px;
    letter-spacing: -0.63px;
    color: #3C4B61;
}
.edit-category .btn-secondary {
    min-width: auto;
    padding: 5px 15px;
    line-height: normal;
}
.edit-link {
    text-decoration: underline;
    letter-spacing: -0.3px;
    color: #3C4B61;
    text-transform: capitalize;
    font-size: 12px;
}
.sidebar .widget-box .icon {
    background-color: hsl(212deg 100% 36% / 8%);
    min-width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 100%;
    margin-right: 15px;
}
.sidebar .widget-box .icon img{
    -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
}
.sidebar .widget-box ul li h6{
    letter-spacing: -0.45px;
    color: #3C4B61;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0.3s;                  
    -moz-transition: all 0.3s;                 
    -o-transition: all 0.3s;   
    -ms-transition: all 0.3s;          
    transition: all 0.3s;
    margin-bottom: 0;
}
.sidebar .widget-box ul li:not(:last-child){
    margin-bottom: 20px;
}
.sidebar .widget-box ul li span{
    letter-spacing: -0.3px;
    color: #0055B8;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
}
.sidebar .widget-box ul li.active .icon,
.category-filter a:hover .icon{
    background-color: #0055B8;
}
.sidebar .widget-box ul li.active .icon img,
.category-filter a:hover .icon img{
    filter: brightness(0) invert(1);
}
.sidebar .widget-box ul li.active h6,
.category-filter a:hover h6{
    color: #0055B8;
}
.sidebar {
    padding-right: 95px;
}
.filter-bar{
    padding: 22px 50px 22px 40px;
    box-shadow: 0px 0px 30px #00000012;
    border: 0.5px solid #3C4B6142;
    border-radius: 10px;
    margin-bottom: 75px;
}
.filter-bar .nav-link{
    min-width: auto;
    border: 0;
    padding: 0;
    margin: 0 15px 0 0;
    line-height: 0;
}
.filter-bar .nav-link img{
    filter: brightness(0) invert(0);
    opacity: 0.2;
}
.filter-bar .nav-link.active img,
.filter-bar .nav-link:hover img{
    filter: none;
    opacity: 1;
}
.sort-filter label,
.sort-filter select{
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #3C4B61;
}
.sort-filter select{
    border: 0;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    appearance: none;
        background-position: right center;
    padding: 0 20px 0 8px;
    background-size: 12px;
    background-color: transparent;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.product-view label {
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 8px;
    background-color: #FCDC3E;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    line-height: 1;
    min-width: 84px;
    text-align: center;
    position: absolute;
    left: 30px;
    top: 20px;
    z-index: 1;
}
.product-list:not(:last-child) {
    border-bottom: 1px solid #DEE2E6;
    padding: 0 0 30px;
    margin: 0 0 30px;
}
.product-list .row > div{
    padding: 0 26px;
}
.product-view .btn{
    min-width: 260px;
    padding: 19px 30px;
}
.btn img,
.btn-secondary img{
    max-width: 24px;
    margin-right: 8px;
}
.product-view h3{
    letter-spacing: -1.13px;
    color: #3C4B61;
}
.product-view .price{
    color: #3C4B61;
}
.product-view .price span{
    font-size: 18px;
}
.pagination li{
    width: 52px;
    height: 52px;
    margin: 0 5px;
    line-height: 52px;
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
    font-size: 29px;  
text-align: center;
    letter-spacing: -0.72px;
     border-radius: 100%;
}
.pagination li a{
    border-radius: 100%;
    background-color: #EEEEEE;
    color: #0055B8;
    font-weight: bold;
  
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
display: block;
text-align: center;
}
.pagination li img {
    max-width: 15px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;                  
-moz-transition: all 0.3s;                 
-o-transition: all 0.3s;   
-ms-transition: all 0.3s;          
transition: all 0.3s;
}
.pagination .next a,.pagination .prev a{
    background-color: #0055B8
}
.pagination li:hover a,.pagination li:hover a{
    background-color: #0055B8;
    color: #fff;    
}
.pagination li a img{
    filter: brightness(0) invert(1);
}
.product-view-wrp .pagination{
    padding-top: 100px; 
}
.pagination li.disable{
    opacity: 0.5;
}
.pagination li:hover a img {
    filter: unset;
}
.pagination li.next:hover a,.pagination li.prev:hover a{
    background-color: #eee;
}
.product-grid-view .featur-product .featur-probox .price{
    font-size: 23px;
}
.product-grid-view .col-xl-5{
    padding: 0 45px;
    margin-bottom: 70px;
}
.product-grid-view .featur-product {
    margin-left: -45px;
    margin-right: -45px;
    margin-bottom: -70px;
}
.shop-page .category-pro-slider .slick-slide{
    padding: 0 25px 10px;
}
.shop-page .category-pro-slider .slick-list{
    margin: 0 -25px;
    width: calc(100% + 50px);
}
.checkbox input[type="checkbox"] {
    border: 1px solid #B8B8B8;
    border-radius: 7px;
    height: 30px;
    width: 30px;
    appearance: none;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
    position: relative;
    top: -4px;
}
.checkbox input[type="checkbox"]:checked{
    background-color: #0055B8;
    border-color: #0055B8;
    background-image: url(../images/doublecheck.png);
}
.price-range .amount{
    color: #0055B8;
    font-weight: 600;
    width: 100%;
}
.ui-widget.ui-widget-content {
    border: 0;
    height: 4px;
    background-color: #CFCFCF;
}
.ui-slider .ui-slider-handle{
    box-shadow: inset 0 0 0px 20px #0055b8;
    outline: 2px solid #0055b8 !important;
    border: 1px solid #ffffff;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    top: -6px;
}
.ui-slider-horizontal .ui-slider-range{
    background-color: #0055B8;
}
/*.product-grid-view .featur-product .btn{
    min-width: 136px;
}*/
#productmodal .modal-dialog{
    max-width: 1220px;
    padding: 0 10px;
}
#productmodal .modal-content{
    border-radius: 40px;
    border: 0;
    overflow: hidden;
}
#productmodal .img-block {
    width: 44%;
    padding: 54px;
    background-color: #0055B8;
    border-radius: 0 40px 40px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#productmodal .img-block:before{
    background-image: url(../images/character-bg.png);
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    content: "";
    bottom: -20px;
    height: calc(100% + 20px);
    width: 100%;
    z-index: -1;
    background-position: 90% bottom;
    right: 0;
    background-size: cover;
}
#productmodal .product-content{
    width: 56%;
    padding: 55px 60px 45px;
    min-height: 550px;
}
#productmodal .btn-close {
    position: absolute;
    right: 35px;
    min-width: auto;
    z-index: 1;
    cursor: pointer;
    top: 32px;
    height: 37px;
    width: 37px;
    background-color: #00B2E3;
    border-radius: 100%;
    opacity: 1;
    background-image: none;
    padding: 0;
}
#productmodal .btn-close img{
    filter: brightness(0) invert(1);
    max-width: 15px;
}
#productmodal .btn-close:hover{
    background-color: #0055B8;
}
#productmodal .product-gallary {
    height: 100%;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
#productmodal .product-gallary-slider {
    height: 100%;
}
#productmodal .edit-category {
    border-radius: 18px;
    border: 1px solid #3C4B6142;
    padding: 15px;
    position: absolute;
    left: 30px;
    top: 30px;
    width: calc(100% - 60px);
    z-index: 2;
    background-color: #fff;
}
#productmodal .slick-slide{
    position: relative;
}
#productmodal .slick-slide,#productmodal .slick-list, #productmodal .slick-track{
    height: 100%;
}
#productmodal .slick-slide img{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    object-fit: cover;
}
#productmodal .product-content .btn{
        padding: 4px 20px;
    font-size: 15px;
    min-width: auto;
    border-radius: 8px;
}
#productmodal .product-content label{
    color: #0055B8;
    font-weight: bold;
    display: block;
}
#productmodal .product-content .redio-btn {
    position: relative;
        display: inline-block;
    margin-right: 4px;
}
#productmodal .product-content .redio-btn input[type="radio"] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    appearance: none;
    cursor: pointer;
}
#productmodal .product-content .redio-btn label{
    letter-spacing: -0.35px;
    font-size: 14px;
    color: #0055B8;
    border-radius: 4px;
    padding: 9px 15px;
    font-weight: normal;
    min-width: 68px;
    text-align: center;   
    cursor: pointer;
}
#productmodal .product-content .redio-btn input:checked{
    background-color: #0055B8;    
}
#productmodal .product-content .redio-btn input:checked+label{
    color: #fff;
    position: relative;
}
#productmodal .product-content .input-text,
#productmodal .product-content select,
#productmodal .product-content textarea{
    background-color: rgb(0 85 184 / 7%);
    font-size: 14px;
    color: #0055B8;
    font-weight: normal;
    padding: 9px 15px;
    border-radius: 8px;
    border: 0;
}
#productmodal .product-content select{
    background-image: url(../images/down-sky.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    appearance: none;
    background-size: 11px;
    padding-right: 42px;
    cursor: pointer;
}
#productmodal .product-content .instuction select{
    min-width: 220px;
}
#productmodal .product-content textarea{
    resize: none;
    max-width: 400px;
    min-height: 85px;
    width: 100%;
}
#productmodal .product-content input::-webkit-input-placeholder,
#productmodal .product-content textarea::-webkit-input-placeholder{color: #0055B8;opacity: 0.65}
#productmodal .product-content input::-moz-placeholder,
#productmodal .product-content textarea::-moz-placeholder{color: #0055B8;opacity: 0.65}
#productmodal .product-content input:-ms-input-placeholder,
#productmodal .product-content textarea:-ms-input-placeholder{color: #0055B8;opacity: 0.65}
#productmodal .product-content input::-ms-input-placeholder,
#productmodal .product-content textarea::-ms-input-placeholder{color: #0055B8;opacity: 0.65}
#productmodal .product-content .qty input,.single-pro-content .qty input{
    border: 1px solid #0055B8;
    border-radius: 8px;
    letter-spacing: -0.6px;
    color: #3C4B61;
    font-size: 24px;
    font-weight: bold;
    width: 89px;
    padding: 5px 15px;
    background-color: transparent;
}
/* Chrome, Safari, Edge, Opera */
#productmodal .product-content .qty input::-webkit-outer-spin-button,
#productmodal .product-content .qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#productmodal .product-content .qty input[type=number] {
  -moz-appearance: textfield;
}
#productmodal .product-content .btn-addtocart,.single-pro-content .btn-addtocart{
    font-size: 17px;
    padding: 11px 30px;
    line-height: normal;
    vertical-align: top;
}
#productmodal .product-content small{
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.23px;
    color: #0055B8;
    opacity: 0.65;
    display: block;
    max-width: 400px;
}
#productmodal .product-content .minus,.single-pro-content .minus,
#productmodal .product-content .plus,.single-pro-content .plus{
    position: absolute;
    top: -2px;
    right: 10px;
    cursor: pointer;
    display: block;
    width: 13px;
}
#productmodal .product-content .minus img,.single-pro-content .minus img,
#productmodal .product-content .plus img,.single-pro-content .plus img{
    max-width: 7px;
    transform: rotate(90deg);
}
#productmodal .product-content .plus,.single-pro-content .plus{
    bottom: -2px;
    top: auto;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#productmodal .slick-dots li{
    margin: 0 3px;
}
#productmodal .slick-dots li button{
    background-color: #0055B8;
}
#productmodal .slick-dots{
    padding: 0;
    bottom: 27px;
}
#productmodal .product-gallary-slider:before,
#productmodal .product-gallary-slider:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 118px;
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    z-index: 1;
    opacity: 0.64;
}
#productmodal .product-gallary-slider:after{
    right: 0;
    left: auto;
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}
#productmodal .slick-arrow{
    z-index: 2;
}
/*cart page */
.cart-page .about-hero,
.checkout-page .about-hero,
.ordersuccess-page .about-hero,
.custom-inner-hero{
    padding: 223px 0 60px;
}
.cart-page .about-hero:before,
.checkout-page .about-hero:before,
.checkout-page .about-hero:after,
.cart-page .about-hero:after,
.ordersuccess-page .about-hero:before,
.ordersuccess-page .about-hero:after,
.custom-inner-hero:before,
.custom-inner-hero:after{
    height: 100%;
    border-radius: 0px 0px 0px 70px;
}
.cart-page .about-hero .fcircle-shape{
    top: 47%;
    left: -240px;
}
.cart-table .cart-header {
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 11px;
    background-color: #0055B8;
    padding: 20px;
    margin-bottom: 20px;
}
.cart-table .pro-img {
    padding-right: 30px;
}
.cart-table .pro-img img {
    border-radius: 18px;
    height: 118px;
    width: 118px;
}
.cart-table .cart-body > .row{
    padding: 20px;
    border-bottom: 1px solid rgb(0 85 183 / 54%);
}
.cart-table .cart-body a:hover{
    color: #0055B8;
}
.cart-table .cart-body p{
	text-align: center;
}
.cart-table .cart-body .qty{
    width: 89px;
    border: 1px solid #0055B8;
    border-radius: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 7px 13px;
    align-items: center;
}
.cart-table .cart-body .qty input{
    border: 0;
    font-size: 20px;
    font-weight: bold;
    max-width: 20px;
    text-align: center;
}
.cart-table .cart-body .qty i{
    color: #0055B8;
    letter-spacing: -0.35px;
    font-size: 11px;
}
.cart-table .cart-body .qty span{
    cursor: pointer;
}
.cart-table .cart-footer {
    border-radius: 11px;
    background-color: #0055B812;
    padding: 35px 45px 20px;
    margin-bottom: 70px;
}
.cart-table .cart-footer > .row{
    padding: 20px 30px;
}
.cart-table .cart-footer > .row:not(:last-child){
    border-bottom: 1px solid #0055B8;    
}
.cart-table .cart-footer .title,
.cart-table .cart-footer .price{
    font-weight: 600;
}
.cart-table .delete{
    font-size: 17px;
}
.cart-sec .shopping-btn{
    background-color: #0055B812;
    border-color: #edf3fa;
    color: #0055B8;
}
.cart-sec .shopping-btn:hover{
    background-color: #0055B8;
    border: 1px solid #0055B8;
    color: #fff;
}
.process-btn i{
    font-size: 24px;
    line-height: 13px;
    vertical-align: middle;
    cursor: pointer;
}
.process-btn:hover{
    transform: scale(1.2);
    background-color: #0055B8;
    border: 1px solid #0055B8;
}
.cart-sec .process-btn.active:hover{
    background-color: #00B2E3;
    border-color: #00B2E3;
}
.cart-sec.shape:before{
    background-image: url(../images/green-leaves-left.png);
    background-position: left 85%;
    left: -60px;
}
.cart-sec.shape-two:after{
    background-image: url(../images/falling-salmon-slices-isolated-white.png);
    background-position: right -300px;
    right: -1105px;
    left: auto;
}
.cart-sec .btn-wrp{
    padding: 0 85px;
}
/*checkout page */
.checkout-page .about-hero .fcircle-shape{
    top: 0;
    left: -390px;
}
.coupon input.btn-secondary {
    min-width: auto;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 19px;
}
.checkout-sec{
    padding: 112px 0;
}
.checkout-sec textarea {
    resize: none;
    min-height: 200px;
}
.checkout-sec .left-block{
    width: 56%;
}
.checkout-sec .right-block{
    width: 44%;
}
.order-detail {
    border-radius: 11px;
    background-color: #0055B812;
    padding: 55px 35px 48px;
    height: 100%;
}
.order-detail .order-detail-header,
.order-summary-header{
    border-bottom: 1px solid #0055B8;
}
.order-detail-body .row{
    padding: 10px 0;
}
.order-detail-body .pro-img img {
    width: 118px;
    object-fit: cover;
    border-radius: 18px;
}
.order-detail-body .size,
.order-summary-body .size{
    color: #00B2E3;
}
.order-detail-body .price{
    letter-spacing: -0.63px;
}
.order-detail-body {
    border-bottom: 1px solid #0045AB;
}
.order-detail-foot .row{
    padding: 7px 0;
}
.order-detail-foot .subtotal, .order-detail-foot .tax{
    opacity: 0.54;
}
.checkout-sec .order-detail-foot .row{opacity: 1;}
.payment-box{
    padding: 50px;
    margin-top: 70px;
}
.radio-btn{
    margin-bottom: 30px;
}
.radio-btn input{
    border: 3px solid #ffffff;
    width: 22px;
    height: 22px;
    appearance: none;
    border-radius: 100%;
    box-shadow: inset 0 0 0px 20px #fff;
    background-color: transparent;
    outline: 1px solid #0055b8 !important;
    cursor: pointer;
}
.radio-btn label{
    cursor: pointer;
}
.radio-btn input:checked{
    box-shadow: inset 0 0 0px 20px #0055b8;
}
.radio-btn input:checked~label{
    color: #0055B8;
}
.checkout-sec.shape-two:after{
    background-image: url(../images/green-leaves-upright.png);
    background-position: right 72%;
    right: 40px;
    left: auto;
}
.checkout-sec.shape:before{
    background-image: url(../images/fishlight.svg);
    left: -190px;
    background-position: left 77%;
}
.checkout-sec .container{
    max-width: 1750px;
}
.checkout-sec input[type="text"],.checkout-sec input[type="email"],.checkout-sec input[type="phone"],.checkout-sec select,.checkout-sec textarea,
.checkout-sec .input{
    letter-spacing: -0.4px;
    color: #3C4B61;
    font-size: 16px;
    padding: 18px 24px;
    border: 0.5px solid #3C4B6142;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #00000012;
    width: 100%;
}

/*order success page */
.ordersuccess-page .about-hero:after{
    background-color: #00B2E3;
}
.ordersuccess-page .about-hero .fcircle-shape{
    left: -246px;
    top: 230px;
}
.order-summary-box{
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 52px;
    background-color: #0055B8;
    background-image: url(../images/buble-bg.png);
    padding: 40px 140px 70px;
}
.order-summary{
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 11px;
    padding: 55px 35px 48px;
}
.order-summary-body .row {
    padding: 15px 0;
    border-bottom: 1px solid rgb(0 85 184 / 34%);
}
.order-summary-box .section-header p {
    font-weight: 300;
    color: #FCDC3E;
}
.order-summary-box .section-header h2{
    font-size: 50px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}
.ordersuccess-sec{
    padding: 110px 0;
}
.ordersuccess-sec .process-btn{
    color: #0045AB;
    background-color: #fff;
    border-color: #fff;
}
/*contact page */
.contact-page .category-hero .img-block img{
    border: 0;
    width: 100%;
}
.contact-page .category-hero .shape-bottom{
    bottom: 100px;
    left: -30%;
    top: auto;
    max-width: 100%;
}
.contact-page .category-hero .col-md-6:first-child{
    top: -100px;
    position: relative;
}
.contact-page .category-hero .fcircle-shape{
    top: 42%;
    left: -105px;
    bottom: auto;
}
.contact-page .about-hero:after,
.contact-page .about-hero:before{
    height: calc(100% - 205px);
    background-position: bottom;
}
.contact-page .category-hero .container{
    padding-right: 0;
}
.contact-sec .contact-detail{
    border-radius: 40px;
    background-color: #0055B8;
    padding: 120px 80px 60px;
}
.contact-sec .shape-top {
    position: absolute;
    top: 25px;
    left: -50px;
}
.contact-sec .left-block{
    width: 44%;
    margin-top: -50px;
}
.contact-sec .right-block{
    width: 51%;
    padding-top: 113px;
}
.contact-sec.shape:before {
    background-image: url(../images/green-leaves.png);
    background-position: right 0;
    right: -110px;
    left: auto;
    top: -60px;
}
.contact-sec.shape-two:after {
    background-image: url(../images/green-leaves-left.png);
    background-position: left bottom;
    bottom: 20px;
    left: -30px;
}
.contact-form .input-filed input,
.contact-form .input-filed textarea{
    color: #3C4B61;
    font-size: 16px;
    letter-spacing: -0.4px;
    border: 0.5px solid #3C4B6142;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #00000012;
    padding: 18px 30px;
    width: 100%;
}
.contact-form .btn-secondary{
    letter-spacing: 1px;
    padding: 17px 30px;
    border-radius: 10px;
    width: 100%;
}
.contact-form .input-filed textarea{
    resize: none;
    height: 212px;
}
.contact-sec .contact-detail ul li a{
    position: relative;
    padding-left: 75px;
    color: #fff;
    font-size: 20px;
}
.contact-sec .contact-detail ul li a .icon{
    position: absolute;
    left: 0;
}
.contact-sec .contact-detail ul li:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.43);
}
.contact-sec .fishlight {
    position: absolute;
    right: -140px;
    top: 250px;
    z-index: -1;
}
.contact-form h5 {
    font-size: 32px;
}
.contact-page-two .about-hero:before,
.contact-page-two .about-hero:after{
    display: none;
}
.contact-page-two .category-hero {
    padding: 210px 0 0;
}
.contact-page-two .home-bg{
    height: calc(100% + 345px);
}
/*order modal css*/
.order-modal .modal-dialog{
    max-width: 1240px;
    padding: 0 30px;
}
.order-modal .modal-content{
    border-radius: 40px;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    overflow: hidden;
}
.order-modal .img-block {
    width: 44%;
    padding: 35px 54px;
    background-color: #0055B8;
    border-radius: 0 40px 40px 0;
    position: relative;
    z-index: 1;
}
.order-modal .img-block:before{
    background-image: url(../images/character-bg.png);
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    content: "";
    bottom: -20px;
    height: calc(100% + 20px);
    width: 100%;
    z-index: -1;
    background-position: 90% bottom;
    right: 0;
    background-size: cover;
}
.order-modal .order-form{
    width: 56%;
    padding: 60px 80px;
}
.order-modal .order-form label {
    display: block;
    font-size: 20px;
    color: #0055B8;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 10px;
}
.order-modal .order-form .radio-btn {
    border: 1px solid rgba(0, 85, 184,0.07);
    border-radius: 12px;
    padding: 12px;
    height: 60px;
    cursor: pointer;
}
.order-modal .order-form .radio-btn input{
    outline: 2px solid #DEE2E6!important;
    border: 2px solid #ffffff;
}
.order-modal .order-form .radio-btn input:checked {
    box-shadow: inset 0 0 0px 20px #0055b8;
    outline: 2px solid #0055b8!important;
    border-color: #edf3fa;
}
.order-modal .order-form .radio-btn span{
    letter-spacing: -0.45px;
    color: #3C4B61;
    font-size: 18px;
    border-left: 1px solid rgba(0, 85, 184,0.07);
    padding-left: 10px;
}
/*.radio-btn input:checked~label{
    background-color: #ddd;
}*/
.order-modal .order-form .nav-link.active .radio-btn{
    background-color: rgba(0, 85, 184,0.07);
}
.order-modal .order-form .input-filed input {
    border: 1px solid rgba(0, 85, 184,0.07);
    width: 100%;
    padding: 18px 20px;
    letter-spacing: -0.35px;
    color: #3C4B61;
    font-size: 14px;
    border-radius: 12px;
}
.order-modal .order-form .input-date {
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 15px 15px 15px 60px;
    border: 1px solid rgba(0, 85, 184,0.07);
    border-radius: 12px;
    display: inline-block;
}
.order-modal .order-form .input-date input{
    border-radius: 8px;
    background-color: rgba(0, 85, 184,0.07);
    letter-spacing: -0.33px;
    color: #3C4B61;
    font-weight: 600;
    padding: 6px 15px;
    border: 0;
    background-image: url(../images/down-sky.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 96% center;
    width: auto;
    cursor: pointer;
}
.order-modal .order-form .input-date ::-webkit-calendar-picker-indicator{
    opacity: 0;
}
.order-modal .order-form .btn-secondary{
    font-size: 20px;
    padding: 13px 15px;
    width: 100%;
}
.order-modal .order-form .btn-secondary .icon {
    padding-left: 15px;
    vertical-align: middle;
    letter-spacing: 3px;
 -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    display: inline-block;
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
     -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

.order-modal .order-form .have-account{
    font-size: 15px;
    font-weight: 600;
}
.order-modal .product-image {
    height: 100%;
}
.order-modal .product-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.order-modal .img-block .shape-img{
    position: absolute;
    max-width: 243px;
    left: -10px;
    top: 25%;
}
/*shop order css */
.single-pro-slider .slider-for{
    margin-bottom: 20px;
}
.single-pro-slider .slider-for .slick-slide{
    padding: 10px;
}
.single-pro-slider .slider-for .img-wrapper {
    border: 1px solid #C1C1C1;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #0000001a;
}
.single-pro-slider .slider-nav .slick-slide{
    padding: 0 9px;
}
.single-pro-slider .slider-nav .slick-slide img{
    border-radius: 18px;
}
.single-pro-slider .slick-prev {
    left: -10px;
}
.single-pro-slider .slick-next {
    right: -10px;
}
.single-pro-content .label{
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 8px;
    background-color: #00B2E3;
    min-width: 84px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    line-height: normal;
    vertical-align: middle;
}
.single-pro-content .pro-title,
.single-pro-content .price .regular {
    letter-spacing: -1.25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.single-pro-content .review a,
.featur-product-new .featur-pro-content .rating a {
    float: left;
    line-height: 0;
}
.single-pro-content .review img,
.featur-product-new .featur-pro-content .rating img{
    max-width: 21px;
}
.single-pro-content .review span{
    letter-spacing: -0.3px;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
}
.single-pro-content .price .discount{
    letter-spacing: -0.75px;
    color: #A5A5A5;
    font-size: 30px;
    font-weight: 600;
    text-decoration: line-through;
}
.single-pro-content .desc p{
    font-size: 16px;
}
.single-pro-content .redio-btn {
    position: relative;
    display: inline-block;
    margin-right: 4px;
}
.single-pro-content .redio-btn input{
    font-size: 14px;
    color: #0055B8;
    font-weight: normal;
    padding: 0px 15px;
    border-radius: 8px;
    border: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    appearance: none;
    cursor: pointer;
    border: 1px solid #0055B8;
}
.single-pro-content .redio-btn label {
    letter-spacing: -0.35px;
    font-size: 14px;
    color: #0055B8;
    border-radius: 4px;
    padding: 5px 15px;
    font-weight: normal;
    min-width: 68px;
    text-align: center;
    cursor: pointer;
}
.single-pro-content .redio-btn input:checked+label {
    color: #fff;
    position: relative;
}
.single-pro-content .redio-btn input:checked {
    background-color: #0055B8;
}
.single-pro-content .custom-weight{
    color: #3C4B61;
    font-size: 15px;
    border: 1px solid #0055B8;
    border-radius: 8px;
    padding: 4px 15px;
    appearance: none;
}
.single-pro-content .sale{
    display: inline-block;
    vertical-align: text-bottom;
}
.single-pro-content .sale img {
    max-width: 82px;
}
.single-product .single-pro-service {
    border-radius: 20px;
    background-color: #0055B812;
    padding: 40px 15px;
}
.single-product .single-pro-service .icon img {
    height: 60px;
    margin: 0 0 10px;
}
.single-product .shape:before{
    background-image: url(../images/green-leaves-left.png);
    left: -90px;
    top: -60px;
}
.single-product-page .custom-inner-hero .fcircle-shape{
    left: -110px;
    top: 50%;
}
.single-product .single-proimg {
    width: 40%;
}
.single-product .service-col{
    width: 24%;
}
.single-product .single-pro-content{
    width: 36%;
}
.single-product{
    z-index: 3;
}
.single-product.shape:before{
    background-image: url(../images/falling-salmon-crop.png);
    background-position: right bottom;
    right: 0;
    left: auto;
}
.pro-desc-tab{
    box-shadow: 0px 0px 30px #00000017;
    border: 1px solid #C1C1C1;
    padding: 65px;
    border-radius: 40px;
}
.pro-desc-tab .nav-tabs .nav-link{
    letter-spacing: 0px;
    color: #3C4B61;
    font-size: 17px;
    border: 1px solid #0055B8;
    border-radius: 8px;
    padding: 10px 30px;
    min-width: 198px;
    font-weight: 400;
}
.pro-desc-tab .nav-tabs .nav-link.active{
    border-color: #0055B8;
    background-color: #0055B8;
    color: #fff;
    font-weight: 700;
}
.pro-desc-tab .nav-tabs{
    margin: 0 -15px;
}
.pro-desc-tab .nav-tabs:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    border-bottom: 1px solid #0055B8;
    width: calc(100% - 30px);
}
.pro-desc-tab .nav-tabs li{
    margin: 0 15px;
}
.pro-desc-tab p, .pro-desc-tab ul li{font-size: 16px;}
.pro-desc-tab p{margin-bottom: 30px; line-height: 1.7;}
.featur-product-new .featur-probox .label{
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    background-color: #00B2E3;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #0000001a;
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    min-width: 83px;
    text-align: center;
    top: 35px;
    position: absolute;
    z-index: 1;
    left: 20px;
}
.featur-product-new .featur-proimg {
    border-radius: 43px;
    overflow: hidden;
    box-shadow: 0px 0px 30px #00000017;
}
.featur-product-new .featur-proimg .btn {
    padding: 15px 20px;
    font-size: 17px;
    border-radius: 0;
}
.featur-product-new .featur-probox:hover .featur-proimg .btn{
    background-color: #0055B8;
    border-color: #0055B8;
}
.featur-product-new .featur-pro-content .title{
    letter-spacing: -0.97px;
}
.featur-product-new .featur-pro-content .price .regular{
    letter-spacing: -0.88px;
    color: #00B2E3;
}
.featur-product-new {
    padding: 60px 0;
    z-index: 2;
}
.featur-product-new.shape:before{
    background-image: url(../images/green-leaves-left.png);
    background-position: left bottom;
    left: -30px;
    bottom: -60px;
    top: auto;
}
.featur-product-new.shape:after{
    background-image: url(../images/fishlight.svg);
    background-position: left top;
    left: -130px;
    top: -90px;
}
.single-product .single-pro-content input[type="text"],
.single-product .single-pro-content select{
    font-size: 14px;
    color: #0055B8;
    border: 1px solid #0055B8;
    border-radius: 8px;
    padding: 5px 12px;
}
.single-product .single-pro-content input[type="text"]::-webkit-input-placeholder{color: #0055B8;opacity: 1;}
.single-product .single-pro-content input[type="text"]::-moz-placeholder{color: #0055B8;opacity: 1;}
.single-product .single-pro-content input[type="text"]:-ms-input-placeholder{color: #0055B8;opacity: 1;}
.single-product .single-pro-content input[type="text"]::-ms-input-placeholder{color: #0055B8;opacity: 1;}
.single-product .single-pro-content .lable-title label {
    font-weight: bold;
}
.single-product .single-pro-content .radio-btn{
    display: inline-block !important;
    margin-right: 20px;
}
.single-product .single-pro-content .radio-btn input{
	vertical-align: middle;
}
.single-product .single-pro-content .checkbox h6,
.product-content .checkbox h6{
    color: #3C4B61;
}
.single-product .single-pro-content select {
    min-width: 130px;
}
.single-product .single-pro-content ul{
	display: flex;
}
.single-product .single-pro-content ul .checkbox {
	margin-right: 20px;
}

/*login page */
.login {
    background-image: url(../images/character-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.login .have-account a{
    color: #00B2E3;
    font-weight: bold;
}
.login-screen{
    background-color: #0055B8;
    min-height: 100vh;
    padding: 30px;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-screen .form-box{
    height: 100%;
}
.login-screen .custom-form .header-logo {
    border-bottom: 0.5px solid rgb(60 75 97 / 7%);
    max-width: 344px;
    padding: 0 0 20px;
    margin: 0 auto 40px;
}
.login-screen .custom-form {
    width: 633px;
    border-radius: 20px;
    padding: 70px 96px;
}
.login-screen .custom-form label {
    font-weight: 500;
    font-size: 16px;
    color: #0045AB;
    padding-left: 30px;
    margin: 0 0 5px;
}
.login-screen .custom-form input {
    width: 100%;
    border: 0;
    border-radius: 8px;
    background-color: #F3F3F3;
    font-size: 14px;
    font-weight: 300;
    padding: 13px 30px;
    letter-spacing: 0px;
}
.login-screen .custom-form input::-webkit-input-placeholder{color: #292E33;opacity: 0.5;}
.login-screen .custom-form input::-moz-placeholder{color: #292E33;opacity: 0.5;}
.login-screen .custom-form input:-ms-input-placeholder{color: #292E33;opacity: 0.5;}
.login-screen .custom-form input::-ms-input-placeholder{color: #292E33;opacity: 0.5;}
.login-screen .custom-form input[type="checkbox"]{border: 1px solid #c9c9c94d;border-radius: 2px; padding: 0;background-color: #F3F3F3;min-width: 18px; height: 19px;top: 0;background-size: 16px;padding: 0;width: auto;}
.login-screen input[type="checkbox"]:checked{
    border-color: #0055B8;
    background-color: #0055B8;
}
.login-screen .custom-form .checkbox span{
    font-size: 12px;
}
.login-screen .custom-form .forgot-link{
    font-size: 14px;
}
.login-screen .custom-form h5 span{
    color: #0045AB;
}
.login-screen .custom-form #eye,
.login-screen .custom-form #confirmpwd-eye{
    position: absolute;
    cursor: pointer;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    color: #0045AB;
    font-size: 17px;
    opacity: 0.5;
}
.login-screen .custom-form .checkbox span a {
    color: inherit;
    text-decoration: underline;
}
.login-screen .custom-form .form-title p{
    letter-spacing: 0px;
    color: #0045AB;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
}
.product-content .lable-title{
    display: flex;
}
.product-content .required-text{
    color: red;
    margin-left: 2px;
}
.product-content .radio-btn{
    align-items: center;
    margin-bottom: 10px;
}
.special_instuctions_wrap{
    border-top: 1px solid #c5c5c5;
    margin: 20px 0 15px;
    padding: 20px 0 0 0;
}
.redio-btn-box{
    margin-bottom: 8px;
}
.redio-btn-box input[type="radio"] { 
    background-color: rgb(0 85 184 / 7%); 
    font-size: 14px; 
    color: #0055B8; 
    font-weight: normal; 
    padding: 9px 15px; 
    border-radius: 8px; 
    border: 0; 
}
.product-modifiers-name{
    font-weight: 600;
}
.product-modifiers-cart{
    display: flex;
    align-items: center;
}
.product-modifiers-option{
    margin-left: 5px;
}
/*media query */
@media only screen and (min-width: 992px){
	.featur-product .featur-probox .featur-pro-content{
		flex: 1;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	}
	.featur-product .featur-probox {
    height: 100%;
    display: flex;
    flex-direction: column;
}
}
@media only screen and (max-width: 1730px){
    .cart-sec.shape-two:after{background-size: 93%;    }
    .cart-sec.shape:before{background-size: 10%;    }
    .about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape{left: -145px;top: 210px;max-width: 470px;    }
    .about-feture-pro .slick-arrow{right: -50px;    }
    .about-feture-pro .slick-prev{right: 0;    }
    .checkout-page .about-hero .fcircle-shape{ left: -290px;}
    .contact-page .category-hero .container {padding-right: 50px;}
}
@media only screen and (max-width: 1630px){
	.category-sec.shape-two:after{background-position: -80px 10%;background-size: 20%;	}
	.category-sec.shape:before{background-size: 15%;	}
	.featur-slider-sec .green-leaves{top: -50px;left: 60px;max-width: 140px;	}
	.featur-slider-sec .fishshape{max-width: 360px;	}
    .home-img-with-txt.shape:before{background-size: 30%;background-position: 122% 30px;    }
    .sidebar {padding-right: 80px;    }
    .product-lisitng.shape:before{background-size: 28%;    }
    .checkout-sec.shape:before{background-position: left 72%;background-size: 30%;    }
    .checkout-sec.shape-two:after{right: 0;    }
    .video-sec:before{background-size: 60%;right: -43%;    }
    .testimonials .fcircle-shape{max-width: 500px;    }
    .category-hero .shape-bottom{left: -27%;max-width: 270px;    }
    .shop-page .hero-img .shape-img {height: 60px;width: 300px;    }
    .cart-page .hero-img .shape-bottom,.checkout-page .hero-img .shape-bottom,
    .ordersuccess-page .hero-img .shape-bottom,.custom-inner-hero .hero-img .shape-bottom{ max-width: 250px;margin: 0 auto;}
    .contact-page .category-hero .container {padding-right: 100px;}
    .contact-page .category-hero .shape-bottom{max-width: 290px; left: -26%;}
}
@media only screen and (max-width: 1560px){
	.home-img-with-txt.shape:before,.featur-product.shape:before{background-size: 30%;	}
	.featur-product.shape-two:after{background-size: 10%;	}
    .about-hero:after,.about-hero:before,.custom-inner-hero:before,.custom-inner-hero:after{width: 26%;    }
    .category-hero .fcircle-shape {top: -140px;left: -13%;max-width: 500px;    }
    .cart-sec.shape:before{background-size: 9%;    }
    .cart-page .about-hero .fcircle-shape,.ordersuccess-page .about-hero .fcircle-shape{max-width: 480px;    }
    .about-hero.hero-section .shape-bottom{max-width: 290px;left: -27%;    }
    .category-hero .shape-bottom {left: -22%;max-width: 200px;top: 20px;    }
    .category-hero,.cart-page .about-hero,.checkout-page .about-hero, .ordersuccess-page .about-hero {padding: 160px 0 0;    }
    .contact-page .about-hero:after, .contact-page .about-hero:before{ height: calc(100% - 150px);}
    .contact-sec .fishlight{max-width: 380px;}
    .contact-sec .shape-top{max-width: 170px;}
    .featur-product-new.shape:after{background-size: 32%;}
    .single-product-page .custom-inner-hero .fcircle-shape{left: -160px}
    .custom-inner-hero{padding: 160px 0 30px;}
}
@media only screen and (max-width: 1440px){
    h1,.h1{font-size: 62px;}
    h2,.h2{font-size: 42px;}
    h3,.h3{font-size: 38px;}
    h4,.h4{font-size: 30px;}
    h5,.h5{font-size: 26px;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-bottom: 15px;}
    p {margin-bottom: 22px;font-size: 18px;line-height: 1.5;    }
	.featur-product .featur-probox .btn{padding: 9px 5px 8px 5px}
	.home-img-with-txt.shape:before, .featur-product.shape:before {  background-size: 28%;	}
	.home-img-with-txt .img-block .img-left .shape-bottom{left: -35px; max-width: 100px;	}
	.home-img-with-txt .img-block .img-left .shape-top{  max-width: 160px; right: -40px;}
	.btn, button,.btn-secondary{font-size: 18px;min-width: 140px;	}
    .featur-slider-sec .btn {min-width: 180px;    }
	.category-sec .category-content{padding: 30px;	}
	.category-sec.shape-two:after{background-size: 18%;	}
	.hero-section .shape-top{  max-width: 240px;}
	.hero-section .shape-bottom{max-width: 140px;	}
	.featur-product .featur-probox h5{padding: 0 0 12px;}
	/*.featur-product .featur-probox .btn {  padding: 7px 5px;  font-size: 11px;}*/
    .about-hero:after,.about-hero:before,.custom-inner-hero:before,.custom-inner-hero:after{ width: 22%; }
    .product-view .btn { min-width: 220px; padding: 14px 15px; }
    .hero-section {padding: 130px 0 0px;    }
    .menu .menu-wraper ul li a{font-size: 20px;    }
    .featur-product .featur-probox .label{padding: 6px;font-size: 14px;top: 25px;min-width: 60px;    }
    .slick-arrow{width: 40px;height: 40px;    }
    .slick-next:before,
    .slick-prev:before{background-size: 9px;    }
    .newsletter form{max-width: 870px;    }
    .newsletter form .input-group{padding: 15px 80px 15px 35px; }
    .newsletter form input[type="submit"]{background-size: 28px;    }
    .home-bg{background-position: 42% 100%;    }
    .testimonials-slide{padding: 85px 170px 55px 65px;background-size: 60px;background-position: 92% 60px;    }
    .instagram.shape:before{background-size: 60%;bottom: -98px;    }
    .testimonials.shape:before{background-size: 20%;top: 0;    }
    .service.shape:before{background-size: 12%;    }
    .about-hero.hero-section .shape-bottom {max-width: 230px;left: -22%;    }
    .about-img-with-txt {margin-top: -60px;    }
    .category-pro .category-pro-box .content {padding: 15px 30px 40px 30px;    }
    .category-pro .category-pro-box h4{font-size: 30px;    }
    .category-pro {padding: 100px 0;    }
    .shop-page .hero-img .shape-img {height: 50px;width: 240px;    }
    .filter-bar,.sidebar .widget-box.edit-category{margin-bottom: 50px;    }
    .product-lisitng {padding-bottom: 70px;    }
    .product-view-wrp .pagination {padding-top: 35px;    }
    .product-grid-view .col-xl-5{padding: 0 12px;}
    .product-grid-view .featur-product {margin-left: -15px;margin-right: -15px;margin-bottom: -50px;    }
    .product-grid-view .col-xl-5{margin-bottom: 50px;    }
    .checkout-page .about-hero .fcircle-shape {top: 0;left: -195px; max-width: 320px;}
    .ordersuccess-sec { padding: 80px 0;}
    .contact-page .category-hero .shape-bottom{max-width: 240px;}
    .contact-sec .contact-detail{padding: 110px 60px 60px;}
    .contact-sec.shape-two:after{ background-size: 150px;}
    .contact-sec.shape:before{background-size: 200px;}
    .contact-page-two .category-hero { padding: 140px 0 0;}
    .contact-page-two .home-bg {height: calc(100% + 265px);}
    .featur-product-new.shape:before{ background-size: 160px;}
    .single-product.shape:before{background-size: 110px;}
    .login-screen .custom-form{ padding: 60px 90px;}
}
@media only screen and (max-width: 1366px){
    h1,.h1{font-size: 44px;}
    h2,.h2{font-size: 48px;}
    h3,.h3{font-size: 36px;}
    h4,.h4{font-size: 28px;}
    h5,.h5{font-size: 24px;}
    p,.footer-top ul li a{font-size: 16px;}
    .menu .menu-wraper ul li a {font-size: 18px;    }
    .section-margin { margin-top: 110px; margin-bottom: 110px;}
    .about-hero:after,.about-hero:before,.custom-inner-hero:before,.custom-inner-hero:after{width: 20%;    }
    /*.featur-product .featur-probox h5{font-size: 20px;    }*/
    .menu .menu-wraper ul li{margin: 0 15px;    }
    .sidebar {padding-right: 10px;    }
    .product-view-wrp .pagination {padding-top: 60px;    }
    .home-bg {background-position: 30% 100%;    }
    .home-bg {background-position: 35% 100%;    }
    .home-img-with-txt.shape:before{background-position: 122% 40px;    }
    .category-sec.shape:before {background-size: 14%;    }
    .header-right {padding-top: 30px;padding-bottom: 30px;    }
    .hero-section {padding: 120px 0 0px;    }
    .section-padding {padding-top: 100px;padding-bottom: 100px;    }
    .btn, button, .btn-secondary{padding: 8px 20px;    }
    .featur-slider-sec .btn {min-width: 160px;    }
    footer .footer-title {font-size: 24px;margin: 0 0 25px;    }
    .footer-top ul li {margin: 0 0 10px;    }
    .newsletter{padding-top: 100px;    }
    .map {margin-bottom: -60px;    }
    .feture-service .icon{height: 60px;width: 60px;line-height: 60px;    }
    .feture-service .icon img{width: 26px;    }
    .testimonials-slide {padding: 65px 170px 55px 55px;    }
    .testimonials-slide .desc p, .testimonials-slide .desc h5{font-size: 20px;    }
    .testimonials .fcircle-shape {max-width: 440px;    }
    .about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape{max-width: 390px;left: -125px;    }
    .video-sec .icon{transform: translate(-50%,-50%) scale(0.7);    }
    .service-box .icon{width: 80px;height: 80px;line-height: 80px;    }
    .service-box .icon img{max-width: 40px;max-height: 40px;    }
    .about-img-with-txt {margin-top: -30px;    }
    .about-feture-pro .slick-arrow {right: 0;    }
    .about-feture-pro .slick-prev {right: 50px;    }
    .category-hero,.cart-page .about-hero,.checkout-page .about-hero, .ordersuccess-page .about-hero {padding: 130px 0 0;    }
    .category-pro {padding: 70px 0;    }
    .category-pro .category-pro-box h4 {font-size: 26px;    }
    .category-page .featur-product.shape:before{background-size: 340px;top: -100px;left: -45px;width: 90px;    }
    .category-page .featur-product {padding: 50px 0;    }
    .category-pro:before{height: calc(100% - 46.7%);    }
    .shop-page .hero-img .shape-img {height: 40px;width: 210px;    }
    .shop-page .category-pro {padding: 70px 0;    }
    .category-pro .category-pro-box .img-box{margin-top: -140px;  margin-bottom: 25px;  }
    .category-pro .category-pro-box{ margin-top: 140px; height: calc(100% - 140px);}
    .product-grid-view .featur-product .featur-probox .price {font-size: 18px;    }
    .cart-page .about-hero .fcircle-shape ,.ordersuccess-page .about-hero .fcircle-shape{max-width: 300px;left: -120px;}
    .cart-page .about-hero:before{ border-radius: 0px 0px 0px 30px;}
    .cart-sec.shape:before { background-size: 12%;}
    .order-summary-box{padding: 40px 120px 60px;}
    .contact-page .category-hero .fcircle-shape{ top: 37%; left: -115px;}
    .contact-page .category-hero .shape-bottom {max-width: 220px;bottom: 70px;}
    .contact-sec .shape-top {max-width: 150px;left: -40px;}
    .contact-sec .contact-detail {padding: 100px 50px 50px;}
    .contact-page-two .category-hero {padding: 120px 0 0;}
    .contact-page-two .home-bg {height: calc(100% + 200px);}
    .order-modal .order-form,.order-modal .img-block{padding: 40px;}
    .order-modal .img-block .shape-img{ max-width: 211px; left: -10px;}
    .custom-inner-hero{padding: 130px 0 0px;}
    .single-product .shape:before{ left: -30px; top: -30px; background-size: 130px;}
    .single-pro-content .sale img { max-width: 70px;}
    .single-product.shape:before{background-size: 90px;}
    .shop-page .category-pro-box h3{font-size: 30px;}
    .featur-product .featur-probox .price { width: 47%;}
    .featur-product .featur-probox .btn{min-width: auto;}
}
@media only screen and (max-width: 1199px){
    h1,.h1{font-size: 40px;}
    h2,.h2,.order-summary-box .section-header h2{font-size: 36px;}
    h3,.h3{font-size: 34px;}
    h4,.h4{font-size: 26px;}
    h5,.h5{font-size: 22px;}
    h6,.h6{font-size: 20px;}
    p,body,.menu .menu-wraper ul li a,.btn, button, .btn-secondary{font-size: 16px;}
    .section-margin { margin-top: 80px; margin-bottom: 80px;}
    .container,.about-img-with-txt .container{padding-left: 50px;padding-right: 50px;    }
    .section-padding,.featur-slider-sec,.testimonials,.checkout-sec {padding-top: 70px;padding-bottom: 70px;    }
    .btn, button, .btn-secondary{min-width: 130px;    }
    .home-img-with-txt .img-block .img-left .img-wrp img, .home-img-with-txt .img-block .img-right img{border-radius: 20px;    }
    .menu .menu-wraper ul li {margin: 0 10px;    }
    .header-icons li.cart a img,.header-icons li.user a img {max-width: 20px;    }
    .header-icons li.serch-icon a img {max-width: 18px;    }
    .header-icons li.serch-icon{padding-right: 10px;    }
    .header-icons li{padding-left: 7px;    }
    .header-right {padding-top: 20px;padding-bottom: 20px;    }
    .header-logo img {max-width: 150px;    }
    .hero-section .shape-top {max-width: 160px;    }
    .hero-section {padding: 90px 0 0px;    }
    .hero-section .shape-bottom {max-width: 110px;    }
    .home-img-with-txt .img-block .img-left .shape-top {max-width: 120px;right: -25px;    }
    .home-img-with-txt .img-block .img-left .shape-bottom {left: -25px;max-width: 80px;    }
    .section-header {margin: 0 0 40px;    }
    .featur-product .nav-tabs .nav-link{min-width: 140px;    }
    .featur-product .featur-probox{border-radius: 22px;    }
    .featur-product .featur-probox h5 {font-size: 16px;padding: 0 0 8px;margin: 0 0 10px;    }
    .featur-product .featur-probox .featur-pro-content{padding: 15px;    }
    .featur-product{background-position: 0 84%;    }
    .featur-product .featur-probox .label{top: 15px;min-width: 45px;left: 15px;    }
    .category-sec .category-box{border-radius: 28px;    }
    .category-sec .category-content {padding: 20px;    }
    .featur-slider-sec .green-leaves{max-width: 90px;    }
    .featur-slider-sec li .img-wrp {min-width: 70px;    }
    .featur-slider-sec .featur-slider .slick-prev {left: 20px;    }
    .featur-slider-sec .featur-slider .slick-next {right: 25px;    }
    /*.slick-arrow {width: 35px;height: 35px;    }*/
    .featur-slider-sec .fishshape{max-width: 200px;bottom: -10px;left: -5%;    }
    .footer-logo img {max-width: 170px;    }
    footer .footer-title {font-size: 20px;margin: 0 0 20px;    }
    .menu .menu-wraper ul li a:after{width: 6px;height: 6px;    }
    .menu .menu-wraper ul li a:before{height: 8px;width: 8px;    }
    .home-img-with-txt .img-block {padding-right: 40px;    }
    .header-style2 .header-logo img {max-width: 190px;    }
    .about-img-with-txt {margin-top: 0px;    }
    .about-img-with-txt .img-block {padding: 60px 25px 0 0;    }
    .about-hero.hero-section .shape-bottom {max-width: 170px;bottom: 0;    }
    .about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape {max-width: 320px;    }
    .about-img-with-txt:before{background-position: center bottom;    }
    .about-img-with-txt .bottom-img{margin-right: 18%;    }
    .video-sec .icon {transform: translate(-50%,-50%) scale(0.5);    }
    .service-box .icon {width: 70px;height: 70px;line-height: 70px;    }
    .service-box .icon img {max-width: 30px;max-height: 30px;    }
    .service-box{padding: 30px;    }
    .testimonials .fcircle-shape {max-width: 380px;    }
    .testimonials-slide {background-size: 40px;padding: 45px 150px 35px 35px;    }
    .testimonials-slide .desc p, .testimonials-slide .desc h5 {font-size: 18px;    }
    .testimonials-slider .slick-dots{right: 40px;    }
    .testimonials-slider .slick-dots li button {height: 12px;width: 12px;    }
    .testimonials-slider .slick-dots li button:hover, .testimonials-slider .slick-dots li.slick-active button{height: 18px;width: 18px;    }
    .testimonials-slider .rating img{max-width: 22px;    }
    .instagram.shape:before {background-size: 100%;bottom: 0;height: 80px;width: 90px;    }
    .about-hero:after, .about-hero:before{height: calc(100% - 60px);    }
    .video-sec {padding: 80px 0 0;    }
    .category-hero,.cart-page .about-hero,.checkout-page .about-hero, .ordersuccess-page .about-hero {padding: 110px 0 0;    }
    .category-pro {padding: 50px 0;    }
    .category-pro .category-pro-box .content {padding: 15px 25px 30px 25px;    }
    .category-pro:before {height: calc(100% - 46.9%);    }
    .category-page .featur-product {padding: 40px 0;    }
    .category-hero .fcircle-shape{top: -90px;    }
    .breadcrumb .breadcrumb-item{font-size: 18px;    }
    .breadcrumb{background-size: 26px;padding: 0 0 0 42px;    }
    .category-pro .category-pro-box h4 {font-size: 22px;    }
    .shop-page .category-pro { padding: 50px 0;}
    .filter-bar{padding: 20px 30px;}
    .sort-filter label, .sort-filter select,.filter-bar h6{font-size: 16px; }
    .shop-page .category-pro-box .count,.product-view .price{font-size: 18px; }
    .shop-page .category-pro-box h3,.product-view h3{font-size: 28px; }
    .shop-page .category-pro-slider .slick-slide {padding: 0 11px 10px;}
    .shop-page .category-pro-slider .slick-list{margin: 0 -11px; width: calc(100% + 22px);}
    .sidebar .widget-box.edit-category{padding: 12px 20px; }
    .product-view label{font-size: 14px;min-width: 60px; }
    .product-view .btn{min-width: 160px;padding: 10px 15px;  }
    .product-lisitng.shape-two:after{background-size: 15%;    }
    .pagination li{font-size: 20px;width: 36px;height: 36px;line-height: 36px;    }
    .pagination li img{max-width: 11px;    }
    .product-lisitng {padding-bottom: 40px;    }
    .product-view-wrp .pagination {padding-top: 30px;    }
    .shop-page .category-pro .category-pro-box{margin-top: 140px;height: calc(100% - 140px);border-radius: 20px;    }
    .category-pro .category-pro-box:hover h3,
    .category-pro .category-pro-box.active h3{transform: translateY(-20px);}
    #productmodal .img-block{ padding: 35px;border-radius: 0 30px 30px 0;}
    #productmodal .modal-content{border-radius: 30px;}
    #productmodal .product-content{padding: 30px;}
    #productmodal .btn-close{top: 25px;right: 25px;}
    #productmodal .slick-prev { left: 15px;}
    #productmodal .slick-next { right: 15px;}
    .cart-page .hero-img .shape-bottom,.checkout-page .hero-img .shape-bottom,.ordersuccess-page .hero-img .shape-bottom,
    .custom-inner-hero .hero-img .shape-bottom { max-width: 210px;}
    .cart-table .cart-footer{margin-bottom: 50px;}
    .order-detail{padding: 25px;}
    .checkout-sec.shape-two:after{background-size: 160px;}
    .payment-box{margin-top: 50px;}
    .order-summary-box .section-header img {max-width: 60px;}
    .order-summary-box {padding: 30px 50px;border-radius: 46px;}
    .order-summary-header h3 {font-size: 24px;}
    .contact-sec .left-block{ margin-top: -40px;}
    .contact-page .category-hero .shape-bottom { max-width: 190px; bottom: 60px;}
    .contact-sec .contact-detail {padding: 80px 40px 40px;}
    .contact-sec .shape-top {max-width: 130px;left: -30px;top: 20px;}
    .contact-sec .contact-detail ul li a{padding-left: 50px; font-size: 18px;}
    .contact-sec .contact-detail ul li a .icon img {max-width: 30px;}
    .contact-sec .contact-detail ul li:not(:last-child){ margin-bottom: 20px; padding-bottom: 20px;}
    .contact-sec.shape-two:after {background-size: 130px;}
    .contact-sec.shape:before {background-size: 180px;}
    .category-hero .img-block img,.contact-sec .contact-detail{border-radius: 30px;}
    .contact-page-two .category-hero {padding: 90px 0 0;}
    .order-modal .img-block .shape-img{max-width: 190px;}
    .order-detail-body .item-title,.order-detail-body .price,.order-detail-body .size {font-size: 15px;}
    .custom-inner-hero{padding: 110px 0 0px;}
    .single-pro-content .sale img { max-width: 55px;}
    .pro-desc-tab{padding: 40px;}
    .pro-desc-tab .nav-tabs .nav-link{padding: 8px 30px; min-width: 180px;}
    .featur-product-new.shape:after {background-size: 22%;left: -60px;top: -20px;}
    .featur-product-new .featur-probox .label,.single-pro-content .label{font-size: 14px; min-width: 53px; top: 15px;left: 15px;padding: 6px;}
    .featur-product-new .featur-proimg{border-radius: 20px;}
    .featur-product-new .featur-proimg .btn {padding: 10px 15px;font-size: 16px;}
    .featur-product-new.shape:before{ background-size: 140px;}
    .single-product.shape:before{background-size: 50px;}
    .single-product .single-pro-service .icon img{ height: 50px;}
    .single-product .single-pro-service{padding: 30px 15px;}
    .checkbox input[type="checkbox"]{    border-radius: 5px;top: -2px;background-size: 20px;height: 25px;width: 25px;}
    .login-screen .custom-form {padding: 50px 70px;}
    .featur-product .featur-probox .btn{font-size: 9px;padding: 5px;}
}
@media only screen and (max-width: 991px){
    h1,.h1{font-size: 38px;}
    h2,.h2,.order-summary-box .section-header h2{font-size: 34px;}
    h3,.h3{font-size: 30px;}
    h4,.h4{font-size: 28px;}
    h5,.h5{font-size: 20px;}
    h6,.h6,footer .footer-title,.order-detail-body .item-title, .order-detail-body .price, .order-detail-body .size{font-size: 18px;}
    p,body,.menu .menu-wraper ul li a,.btn, button, .btn-secondary,.about-img-with-txt .text-block p{font-size: 14px;}
    .section-margin { margin-top: 60px; margin-bottom: 60px;}
    .container,.about-img-with-txt .container,.contact-page .category-hero .container{   padding-left: 35px;padding-right: 35px;    }
    .section-padding,.featur-slider-sec,.testimonials,.checkout-sec {padding-top: 60px;padding-bottom: 60px;    }
    .btn, button, .btn-secondary{min-width: auto;    }
    .hero-section .shape-top {max-width: 110px;    }
    .hero-section .shape-bottom {max-width: 90px;bottom: 14%;left: 15%;    }
    .home-img-with-txt .img-block {padding-right: 15px;    }
    .home-img-with-txt .img-block .img-left .shape-top {max-width: 80px;right: -15px;    }
    .home-img-with-txt .img-block .img-left .shape-bottom {left: -10px;max-width: 60px;    }
    .section-header {margin: 0 0 35px;    }
    .featur-product {background-position: 0 92%;    }
    .featur-slider-sec .green-leaves{top: -30px;left: 30px;    }
    .featur-slider-sec li .img-wrp {width: 50px;    }
    .featur-slider-sec .featur-slide img{border-radius: 20px 0px 0px 20px;    }
   /* .slick-arrow {width: 30px;height: 30px;    }*/
    .featur-slider-sec .featur-slider .slick-next {right: 15px;    }
    .slick-dots{bottom: 15px;    }
    .newsletter {padding: 60px 0;    }
    .newsletter form .input-group {padding: 15px 50px 15px 15px;}
    .newsletter form input[type="email"]{font-size: 16px;line-height: normal;    }
    .newsletter form input[type="submit"] {background-size: 20px;right: 20px;    }
    .footer-top {padding: 50px 0 30px;    }
    .category-sec.shape-two:after{background-position: 0 13%;background-size: 11%;    }
    .header-style2 .header-logo img {max-width: 170px;    }
    .header-right {padding-top: 15px;padding-bottom: 15px;    }
    .about-hero.hero-section .shape-bottom {max-width: 150px;    }
    .about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape {max-width: 280px;    }
    .video-sec {padding: 50px 0 0;    }
    .video-sec:before{background-size: 50%;    }
    .video-sec .video-block {padding-left: 15px;    }
    .service .col-md-4:nth-child(2) {margin-top: 40px;    }
    .service .col-md-4:nth-child(3) {margin-top: 80px;    }
    .service-box {padding: 20px;    }
    .service-box .icon {width: 60px;height: 60px;line-height: 60px;    }
    .service-box .icon img {max-width: 30px;max-height: 20px;    }
    .testimonials .fcircle-shape {max-width: 290px;    }
    .instagram.shape:before{height: 64px;width: 74px;    }
    .category-hero,.cart-page .about-hero,.checkout-page .about-hero, .ordersuccess-page .about-hero {padding: 90px 0 0;    }
    .category-hero .shape-bottom{height: 70px;max-width: 150px;    }
    .breadcrumb .breadcrumb-item{font-size: 16px;    }
    .breadcrumb {background-size: 24px;padding: 0 0 0 40px;    }
    .category-pro {padding: 40px 0 50px;    }
    .category-pro .category-pro-box h4 {font-size: 20px;    }
    .category-pro .category-pro-box .img-box {margin-top: -120px;}
    .category-pro .category-pro-box{border-radius: 22px; margin-top: 120px; height: calc(100% - 120px);   }
    .category-pro .category-pro-box .content {padding: 15px 20px 30px 20px;    }
    .category-page .featur-product {padding: 20px 0 30px;    }
    .shop-page .hero-img .shape-img {height: 30px;width: 150px;    }
    .filter-bar .nav-link img{height: 20px; width: 20px; }
    .filter-bar .nav-link{margin: 0 8px 0 0;    }
    .sidebar {padding-right: 12px;    }
    .sort-filter label img {max-width: 16px;    }
    .sidebar .widget-box{padding: 30px 15px;    }
    .sidebar .widget-box .title{font-size: 23px;    }
    .sidebar .widget-box .icon{height: 45px;min-width: 45px;line-height: 45px;margin-right: 9px;    }
    .sidebar .widget-box .icon img{max-width: 25px;    }
    .sidebar .widget-box ul li h6{font-size: 16px;    }
    .shop-page .category-pro-box h3, .product-view h3{font-size: 25px;    }
    .product-grid-view .col-xl-5 {margin-bottom: 30px;    }
    .product-grid-view .featur-product{margin-bottom: -30px;    }
    .product-grid-view .featur-product .featur-probox .price {font-size: 15px;    }
    .sidebar .widget-box:not(:last-child),.filter-bar, .sidebar .widget-box.edit-category {margin-bottom: 30px;    }
    .product-lisitng  .featur-probox .btn{font-size: 10px;    }
    .edit-category ul li img {max-width: 37px;    }
    .sidebar .widget-box{border-radius: 18px;    }
    .sidebar .widget-box ul li span{min-width: 20px;margin-left: auto;font-size: 10px;    }
    .shop-page .category-pro .category-pro-box{ margin-top: 90px; height: calc(100% - 90px);}
    .category-pro .category-pro-box .img-box{margin-top: -90px; }
    .category-page .category-pro .category-pro-box .img-box { margin-top: -130px;}
    .category-page .category-pro .category-pro-box{ margin-top: 130px; height: calc(100% - 130px);}
    #productmodal .product-gallary,#productmodal .modal-content{border-radius: 16px;}
    #productmodal .img-block {padding: 25px;border-radius: 0 16px 16px 0;}
    #productmodal .edit-category{ top: 20px;border-radius: 10px; width: calc(100% - 40px); left: 20px;}
    #productmodal .product-content { padding: 25px;}
    #productmodal .btn-close { top: 20px; right: 20px;}
    #productmodal .product-content .qty input,.single-pro-content .qty input{line-height: normal;}
    #productmodal .product-content .btn-addtocart,.single-pro-content .btn-addtocart{font-size: 15px;}
    .filter-bar { padding: 15px 30px;}
    .cart-page .about-hero .fcircle-shape,.ordersuccess-page .about-hero .fcircle-shape { max-width: 230px; left: -100px;}
    .cart-table .cart-header{padding: 15px;}
    .cart-table .cart-footer{padding: 20px 30px;}
    .cart-table .cart-footer > .row {padding: 20px;}
    .cart-table .cart-footer{margin-bottom: 40px;}
    .cart-table .cart-body > .row{padding: 20px 15px;}
    .cart-sec .btn-wrp {padding: 0 60px;}
    .ordersuccess-sec {padding: 60px 0;}
    .order-summary-box {padding: 30px;border-radius: 30px;}
    .contact-sec .left-block { margin-top: -30px;}
    .contact-sec .contact-detail {padding: 70px 30px 30px;    }
    .contact-sec .contact-detail ul li a .icon img {max-width: 25px;    }
    .contact-sec .contact-detail ul li a {padding-left: 42px;font-size: 15px;    }
    .contact-sec .shape-top {max-width: 100px;left: -20px;    }
    .contact-sec .right-block{padding-top: 70px;    }
    .contact-sec.shape:before {background-size: 160px;    }
    .contact-page .category-hero .col-md-6:first-child{top: -30px}
    .contact-page .category-hero .shape-bottom{max-width: 130px;bottom: 40px;}
    .contact-sec .contact-detail ul li:not(:last-child) {margin-bottom: 15px;padding-bottom: 15px;}
    .contact-page .about-hero:after, .contact-page .about-hero:before {height: calc(100% - 80px);}
    .contact-page-two .home-bg {height: calc(100% + 130px);}
    .order-modal .order-form, .order-modal .img-block {padding: 30px;}
    .order-modal .img-block .shape-img {max-width: 160px;top: 17%;}
    .custom-inner-hero{padding: 90px 0 0px;}
    .single-product .single-proimg,.single-product .single-pro-content { width: 50%;}
    .single-product .service-col{width: 100%;display: flex;justify-content: space-between;}
    .single-product .single-pro-service{width: 32%;}
    .pro-desc-tab .nav-tabs .nav-link { padding: 7px 20px; min-width: 160px;}
    .featur-product-new.shape:before {background-size: 110px;bottom: -30px;}
    .single-product .single-pro-service .icon img {height: 40px;}
}
@media only screen and (max-width: 767px){
    h1,.h1{font-size: 50px;}
    h2,.h2{font-size: 45px;}
    h3,.h3{font-size: 26px;}
    h4,.h4{font-size: 22px;}
    h5,.h5{font-size: 18px;}
    h6,.h6{font-size: 18px;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.1;letter-spacing: -1.13px;}
    body{letter-spacing: -0.45px;}
    p,body,.menu .menu-wraper ul li a,.about-img-with-txt .text-block p{font-size: 18px;}
    .btn, button, .btn-secondary{font-size: 13px;min-width: 139px;padding: 10px 25px;letter-spacing: -0.33px;;    }
    .section-margin { margin-top: 35px; margin-bottom: 35px;}
    .hero-content{margin-bottom: 40px;;    }
    .hero-section .shape-top {max-width: 175px;;    }
    .menu {position: fixed;top: 0;width: 100%;height: 100vh;overflow: hidden;left: 0;opacity: 1;visibility: visible;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;  transition: all 0.3s;z-index: -1;transform: scale(0);transform-origin: top left;background-color: rgba(255,255,255,0.78);    }
    .menu.open{transform: scale(1) }
    .menu:before{content: "";position: absolute;top: 0;left: 0px;height: 100%;width: 100%;background-color: #00B2E3;border-radius: 0px 4px 292px 0px;z-index: -1;        }
    .menu:after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: calc(100% + 120px);border-radius: 0px 0 337px 0px;z-index: -2;background-color: #0045AB;    }
    .menu-wraper{margin: 120px 40px;height: calc(100vh - 260px);overflow-y: auto; }
    html.menu-open, html.menu-open body{overflow: hidden;position: relative; touch-action: none;-ms-touch-action: none;height: 100%;}
    .menu-close {position: absolute;top: 0;right: 0;color: #fff;background-color: #0055b8;padding: 5px 12px;border-radius: 0 0 0 5px;font-size: 16px;display: block;    }
    html.menu-open{overflow: hidden; }
    .menu .menu-wraper ul li{display: block;margin-bottom: 20px; }
    .menu .menu-wraper ul li a{font-size: 25px;letter-spacing: -0.63px;padding-bottom: 0;color: #fff;    }
    .header-style2 .menu .menu-wraper ul li a{color: #fff;}
    .menu .menu-wraper > ul li.active a,.header-style2 .menu .menu-wraper ul li.active a {color: #0055B8;}
    .menu-open .header-style2 .header-icons .cart span { background-color: #0055B8;}
    .menu-icon{width: 49px;border-radius: 0px 4px 4px 0px;background-color: #00B2E3;color: #fff;position: absolute;top: 0;padding: 18px 10px;left: 0;display: block;    }
    .menu-icon span{width: 20px;height: 2px; background-color: #fff;margin-top: 5px;margin-bottom: 5px;display: block;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;   -ms-transition: all 0.3s;transition: all 0.3s;    }
    .menu-icon span.second{left: 7px; }
    .menu-icon.open .first{top: 4.5px;transform: rotate(-45deg);    }
    .menu-icon.open .second{top: -2px;transform: rotate(45deg);left: 0;    }
    header .container {padding-left: 15px;padding-right: 15px;    }
    .header-logo img,.header-style2 .header-logo img {max-width: 130px;    }
    .header-logo{padding-left: 60px;    }
    .home-bg {background-position: 12% -110px;height: 100%;background-image: url(../images/home-bg-mobile.png);    }
    .hero-section {padding: 150px 0 0px;    }
    .home-img-with-txt{padding: 80px 0 0;    }
    .home-img-with-txt.shape:before {background-position: 182% 0px;background-size: 243px;top: -45px;    }
    .home-img-with-txt .text-block{margin-bottom: 38px;    }
    .home-img-with-txt .img-block .img-left{width: 54%;padding-bottom: 50px;    }
    .home-img-with-txt .img-block .img-right {padding-left: 5px;width: 46%;    }
    .home-img-with-txt .img-block .img-left .shape-top {right: -35px;top: 49%;    }
    .home-img-with-txt .img-block .img-left .shape-bottom{left: -7px;bottom: 65px;    }
    .featur-product.shape:before {background-size: 245px;background-position: -180px top;top: -50px;    }
    .section-padding, .featur-slider-sec, .testimonials,.checkout-sec {padding-top: 40px;padding-bottom: 40px;    }
    .featur-product .nav-tabs .nav-link{padding: 9px 15px; font-size: 14px;}
    .featur-product .featur-probox .label{position: static;font-size: 8px;border-radius: 4px;margin-bottom: 10px; }
    .featur-product .featur-probox{display: flex;    }   
    .featur-product .featur-probox .img-wrapper {margin-bottom: 0;width: 50%;padding: 0;    }
    .featur-product .featur-probox .img-wrapper .state-img{position: relative;opacity: 1;visibility: visible;    }
    .featur-product .featur-probox:hover .hover-img{display: none;    }
    .featur-product .featur-probox .featur-pro-content{width: 50%;padding: 30px 25px 30px 15px;    }
    .featur-product .featur-probox:before{display: none;    }
    .featur-product .featur-probox .btn{font-size: 9px;min-width: 115px;letter-spacing: 0px;    }
    .featur-product .featur-probox .btn img{max-width: 13px;    }
    .featur-product .featur-probox h5 {padding: 0;margin: 0 0 5px;border: 0;    }
    .featur-product .featur-probox .price{font-size: 17px;    }
    .featur-product.shape-two:after {background-size: 32%;bottom: -10px;top: auto;background-position: 122% 100%;    }
    .category-sec .section-header h2{font-weight: bold;    }
    .category-sec .category-content h2{font-size: 38px;    }
    .category-sec .category-content {padding: 25px;top: 50%;transform: translateY(-50%);bottom: auto;    }
    .category-sec .img-wrapper {padding-top: 310px;    }
    .category-sec .category-box{margin-bottom: 40px;    }
    .category-sec.shape:before {background-size: 31%;background-position: 109% 52%;    }
    .category-sec {padding-bottom: 60px;    }
    .category-sec.shape-two:after {background-position: left 97%;background-size: 135px;width: 103px;    }
    .featur-slider-sec .green-leaves{right: 70px;left: auto;max-width: 31%;top: -75px;    }
    .featur-slider-sec .featur-slider {width: 100%;position: relative;left: 0;margin-left: 0;    }
    .featur-slider-sec .featur-slide img,.featur-slider-sec .featur-slider:after,.featur-slider-sec .featur-slider:before {border-radius: 23px;    }
    .featur-slide {position: relative;padding-top: 100%;    }
    .featur-slide img {position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;width: 100%;    }
    .slick-dots li button{height: 8px;width: 8px;    }
    .slick-dots li{margin: 0 2px;    }
    .featur-slider-sec.shape:before{height: 73%;width: 100%;    }
    .featur-slider-sec.shape-two:after{width: 100%;height: 27%;        top: auto;background-position: 47% -200px;bottom: 0;background-size: 290%;    }
    .featur-slider-sec {padding-top: 60px;padding-bottom: 60px;    }
    .map .ratio::before {padding-top: 85%;    }
    .newsletter form input[type="email"]{font-size: 13px;    }
    .newsletter form .input-group {padding: 12px 50px  12px 20px;    }
    .newsletter {padding: 40px 0 30px;background-image: none;    }
    .footer-top {padding: 30px 0 30px;    }
    .footer-logo img {max-width: 140px;    }
    .footer-top .social-icon li{margin: 0 15px;    }
    .footer-top .social-icon li a i {color: #0045AB;    }
    .footer-top .social-icon{margin: 0 -15px;padding-left: 5px;    }
    .footer-logo-wrp{border-bottom: 1px solid rgb(60 75 97 / 19%);padding: 0 0 15px;margin: 0 0 25px;    }
    footer .footer-title,.order-summary-box .section-header h2,.order-summary-box .section-header h3{font-size: 20px;    }
    .small {font-size: 10px;    }
    .footer-top ul li {margin: 0 0 5px;    }
    footer .contact-detail li{position: relative;padding-left: 45px;margin-bottom: 12px;    }
    footer .contact-detail li .icon{position: absolute;left: 0;color: #0055B8;background-color: rgb(0 85 184 / 8%);width: 32px;height: 32px;border-radius: 100%;text-align: center;line-height: 32px;    }
    footer .contact-detail li .icon i{vertical-align: middle;    }
    /*.footer-bottom-img img {max-width: 65px;    }*/
    .featur-slider-sec .left-block ul{max-width: 260px;    }
    .featur-slider-sec .fishshape {max-width: 100%;bottom: auto;left: -290px;top: 24%;    }
    .about-hero:after, .about-hero:before,.shop-page .about-hero:before, .shop-page .about-hero:after,.custom-inner-hero:before,.custom-inner-hero:after {height: 58px !important;background-position: left bottom;width: 120px; border-radius: 0 !important }
    .about-hero.hero-section {padding: 98px 0 0px;    }
    .about-hero .row {padding-right: 0;    }
    .about-hero .fcircle-shape,.custom-inner-hero .fcircle-shape{max-width: 300px;left: -135px;top: 18%;    }
    .about-img-with-txt .text-block {margin-top: 0;padding: 35px 0 0;    }
    .about-img-with-txt:before{height: 48%;top: auto;bottom: 0;border-radius: 0 20px 20px 0;background-position: right bottom;background-size: cover;    }
    .about-hero .hero-img {padding: 0 0 60px;    }
    .about-hero .hero-img:before {content: "";background-image: url(../images/about-bg.png);background-color: #0055B8;bottom: 0;height: 63%;width: calc(100% + 80px);        left: -40px;background-position: -80px -38px;background-repeat: no-repeat;position: absolute;z-index: -1;    }
    .about-hero.hero-section .shape-bottom{height: 60px;bottom: 120px;    }
    .about-img-with-txt .img-block {padding: 60px 0 0 0;    }
    .video-sec .video-wrapper img {border-radius: 13px;    }
    .video-sec .icon {transform: translate(-50%,-50%) scale(0.7);    }
    .service-box .icon {width: 66px;height: 66px;line-height: 66px;    }
    .service-box .icon img {max-width: 40px;max-height: 30px;    }
    .service .col-md-4{margin-top: 30px !important;    }
    .service.shape:before {background-size: 41%;background-position: left 35%;    }
    .testimonials-slide {background-size: 40px;padding: 90px 35px 65px 35px;background-position: 76% 13%;border-radius: 0;    }
    .testimonials {padding: 150px 0 0;    }
    .testimonials .container{padding: 0;z-index: 1;position: relative;    }
    .testimonials .testimonial-bg{width: calc(100% - 35px);height: 64%;    }
    .testimonials.shape:before {background-size: 70%;top: 0;right: auto;left: 0;background-position: left 80px;z-index: 1;height: 180px;    }
    .testimonials-slider .slick-dots {right: 0;left: 0;bottom: 30px;    }
    .testimonials-slider .slick-dots li button {height: 10px;width: 10px;    }
    .testimonials-slider .slick-dots li button:hover, .testimonials-slider .slick-dots li.slick-active button {height: 16px;width: 16px;    }
    .instagram-slider img {border-radius: 0;width: 100%;    }
    .instagramn-slider .slick-list {margin: 0;    }
    .instagram {padding: 35px 0 0;    }
    .instagram.shape:before {height: 114px;width: 110px;bottom: -40px;z-index: 1;left: 20px;    }
    .about-feture-pro{z-index: 0;  margin-bottom: 0;;    }    .about-feture-pro .feture-service {max-width: 280px;margin: 0 auto;    }
    .feture-service li:not(:last-child) {margin-bottom: 15px;    }
    .about-feture-pro:before,.about-feture-pro:after{ width: 100%; height: 50%;background-size: 240%; background-position: 44% -100px; }
    .about-feture-pro .slick-prev {right: auto;left: -30px; }
    .about-feture-pro .slick-arrow {right: -30px; }
    .about-feture-pro .slick-arrow {right: -30px;top: 51.8%;transform: translateY(-50%);background-color: #fff; }
    .about-feture-pro .slick-arrow:before{filter: none;    }
    .about-feture-pro-slider .text-block {padding-top: 40px;padding-bottom: 34px;    }
    .about-feture-pro-wrap:after,.category-page .featur-product.shape:before{display: none;    }
    .about-feture-pro-slider .slick-dots {bottom: 305px;    }
    .about-feture-pro-slider .slick-dots li button:hover, .about-feture-pro-slider .slick-dots li.slick-active button{height: 16px;width: 16px;background-color: #FCDC3E;    }
    .about-feture-pro-slider .slick-dots li button {height: 10px;width: 10px;    }
    .about-feture-pro-slider .text-block:first-child{padding-bottom: 0;height: 298px;overflow-y: auto;margin: 0 0 25px;    }
    .testimonials .fcircle-shape {max-width: 100%;right: -190px;left: auto;background-position: right -110px;top: -76%;    }
    .video-sec:before{background-size: 80%; background-position: right bottom;right: -65px; bottom: -65px; top: auto; }
    .category-pro-slider { margin: 0 -40px;}
    body .category-hero .fcircle-shape {max-width: 204px; left: -100px; }
    .breadcrumb .breadcrumb-item {font-size: 12px;letter-spacing: -0.3px;    }
    .breadcrumb {background-size: 14px;padding: 0 0 0 20px; background-position: left 3px; }
    .breadcrumb-wrp {margin-top: 0px;border-radius: 5px;background-color: #EDF3FA;display: inline-block;padding: 7px 20px;    }
    .category-hero .shape-bottom {height: 66px;max-width: 155px;left: -100px;    }
    .category-pro .category-pro-box h4 {font-size: 25px;    }
    .category-pro:after{bottom: -10px;left: -30px;height: 30px;width: calc(100% + 60px);    }
    .category-pro {padding: 30px 0 80px;    }
    .category-pro:before{background-image: url(../images/fetur-img.png);background-position: 68% -52%;    }
    .featur-product{background-size: auto;    }
    .featur-product .tab-content {position: relative;    }
    .featur-product .tab-content:before{content: "";position: absolute;left: -25px;top: 0;width: calc(100% + 50px);background-image: url(../images/blue-wavs.svg);background-repeat: no-repeat;height: 100%;    }
    .category-page .featur-product.shape-two:after {background-position: 100% 100%;right: -40px;left: auto;bottom: 80px;    }
    .category-page .featur-product { padding: 20px 0 0px; }
    .shop-page .about-hero .col-md-6:last-child,
    .cart-page .about-hero .col-md-6:last-child,.ordersuccess-page .about-hero .col-md-4:last-child,
    .checkout-page .about-hero .col-md-6:last-child, .custom-inner-hero .col-md-6:last-child{position: absolute;max-width: none; width: auto; right: -90px; top: 100px;}
    .shop-page .about-hero .hero-img:before,.cart-page .about-hero .hero-img:before,.ordersuccess-page .about-hero .hero-img:before,
    .checkout-page .about-hero .hero-img:before{display: none;}
    .shop-page .category-pro { padding: 30px 0 40px;}
    .mobile-filter a{ font-size: 13px; color: #3C4B61; font-weight: bold;}
    .mobile-filter a img{max-width: 20px;}
    .mobile-filter {box-shadow: 0px 0px 30px #00000012;border: 0.5px solid #3C4B6142;border-radius: 8px;padding: 10px 24px;margin: 0 0 35px;    }
    .edit-category ul li img {max-width: 100%;    }
    .sidebar .widget-box.edit-category {border-radius: 10px;padding: 20px 24px;margin: 0 0 20px;    }
    .edit-category .btn-secondary{font-size: 16px;border-radius: 7px;min-width: 114px;text-align: center;    }
    .filter-bar h6,.sidebar .widget-box ul li h6{ font-size: 18px; }
    .sort-filter label, .sort-filter select{font-size: 15px;}
    .filter-bar,.widget-box.category-filter{margin-bottom: 20px;}
    .sidebar .widget-box {border-radius: 20px;padding: 40px 34px;    }
    .sidebar .widget-box .title {font-size: 25px;margin-bottom: 25px;    }
    .sidebar .widget-box .icon {height: 60px;min-width: 60px;line-height: 60px;margin-right: 15px;    }
    .sidebar .widget-box ul li span{font-size: 12px;}
    .sidebar .widget-box .icon img {max-width: 100%;}
    .product-lisitng #listview{display: none !important;}
    .product-lisitng #gridview { display: block; opacity: 1;}
    .product-lisitng {padding-bottom: 10px;}
    .mobile-filter-content {display: none;width: 100% !important;}
    body .shop-page .category-hero .fcircle-shape,
    body .cart-page .about-hero .fcircle-shape { max-width: 300px; left: -150px; top: 90px;}
    body .ordersuccess-page .about-hero .fcircle-shape{ max-width: 300px; left: -150px; top: 210px;}
    .shop-page .category-pro-slider .slick-list{ padding: 0px 100px 0 0!important;}
    .shop-page .category-pro-slider {margin: 0 -40px 0 0;}
    .category-pro .category-pro-box .img-box {margin-top: -100px; }
    .shop-page .category-pro .category-pro-box {margin-top: 100px;height: calc(100% - 100px);    }
    #productmodal .modal-dialog{ padding: 0;margin: 0;}
    #productmodal .modal-content{border-radius: 0;}
    #productmodal .img-block{ padding: 65px 35px 40px;width: 100%;border-radius: 0;}
    #productmodal .product-content{width: 100%; padding: 20px 35px;}
    .shop-page .category-pro-box .count{opacity: 1;visibility: visible;}
    .shop-page .category-pro-box h3 { transform: translateY(-20px);font-size: 22px;}
    .mobile-filter img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
    .mobile-filter.active img{transform: rotateY(180deg);}
    #productmodal .mobile-header { position: absolute; top: 0; z-index: 2; width: 100%; left: 0; padding: 12px 35px;}
    #productmodal .product-content .btn { padding: 10px 30px; font-size: 13px;}
    #productmodal .product-content h3{font-size: 40px}
    #productmodal .product-content h4{font-size: 30px;}
    #productmodal .product-content label{font-size: 20px;}
    #productmodal .product-content .redio-btn label{min-width: 94px;}
    #productmodal .product-content .instuction select{min-width: 100%}
    #productmodal .product-content .btn-addtocart,.single-pro-content .btn-addtocart { font-size: 13px; padding: 9px 30px; min-width: 195px;}
    #productmodal .product-content .qty input,.single-pro-content .qty input{ font-size: 23px; line-height: 25px; padding: 7px 15px 7px 20px; }
    #productmodal .product-content select{width: 100%;}
    #productmodal .slick-slide { height: 250px;border-radius: 16px;}
    #productmodal .slick-prev { left: -20px; }
    #productmodal .slick-next {  right: -20px;    }
    #productmodal .product-gallary-slider:before{border-radius: 16px 0 0 16px;}
    #productmodal .product-gallary-slider:after{border-radius: 0 16px 16px 0;}
    #productmodal .product-gallary{overflow: visible;}
    #productmodal .slick-dots li button{background-color: #00B2E3;height: 10px;width: 10px;}
    #productmodal .slick-dots li.slick-active button{height: 16px;width: 16px;}
    #productmodal .mobile-header .close span{ color: #fff;text-decoration: underline;}
    #productmodal .mobile-header .close img{filter: brightness(0) invert(1);  max-width: 12px;}
    #productmodal .header-icons .cart span{background-color: #00B2E3;}
    .cart-page .hero-img .shape-img,.checkout-page .hero-img .shape-img,.custom-inner-hero .hero-img .shape-img,
    .ordersuccess-page .hero-img .shape-img {height: 30px;width: 150px;}
    .cart-table .cart-body .cart-box{border: 0.5px solid #ccd0d6;border-radius: 10px;padding: 20px 16px 15px;}
    .cart-table .delete { font-size: 13px; border-radius: 5px; background-color: rgba(255,255,255,0.85); position: absolute;
           left: 88px;; padding: 4px 7px; margin: 0; top: 10px; }
    .cart-table .delete i{ vertical-align: middle; }
    .cart-table .cart-body .title{color: #3C4B61;}
    .cart-table .cart-body .right label{ color: #0045AB;font-size: 10px;letter-spacing: -0.25px; vertical-align: middle;}
    .cart-table .cart-body .right .weight,
    .cart-table .cart-body .right .price{font-weight: 600;font-size: 12px;}
    .cart-table .cart-body .qty{ border-radius: 5px; width: auto; padding: 2px 5px; width: 50px;}
    .cart-table .cart-body .qty input{font-size: 13px; line-height: 13px;}
    .cart-table .cart-body .qty i{font-size: 7px;}
    .cart-table .cart-body .qty span{line-height: 0;}
    .cart-table .cart-body .item-total{border-top: 0.5px solid #ccd0d6;}
    .cart-table .cart-body .item-total label { color: #0045AB; font-size: 15px;line-height: 1; }
    .cart-table .cart-footer {margin-bottom: 10px;background-color: transparent;padding: 15px;    }
    .cart-table .cart-footer > .row {padding: 6px 0;    }
    .cart-table .cart-footer > .row:not(:last-child),.order-summary-body .row:not(:last-child) {border: 0;    }
    .cart-table .cart-footer > .row:last-child,
    .order-detail-foot .row:last-child{border-top: 1px solid #0055B8;    }
    .cart-table .cart-body .item-total h6{font-weight: bold;}
    .cart-table .cart-footer .title,.order-detail-foot .subtotal h6,.order-detail-foot .tax h6{font-weight: 400;font-size: 15px;color: #3C4B6180;    }
    .cart-table .cart-footer .price{font-size: 20px;font-weight: 400;color: #3C4B6180;    }
    .cart-table .cart-footer .total-title,.order-detail-foot .total-title{font-size: 22px;}
    .cart-sec .btn-wrp {padding: 0;flex-direction: column;    }
    .cart-sec .btn-wrp a{min-width: 223px;}
    .cart-sec,.checkout-sec{padding-bottom: 0;}
    .checkout-sec .left-block,.checkout-sec .right-block {width: 100%;}
    .have-account.input {font-size: 15px;text-align: center;padding: 13px 15px;line-height: 1.3;margin: 0 0 17px;    }
    .coupon input.btn-secondary {font-size: 13px;font-weight: 600;padding: 5px 15px;    }
    .checkout-sec input[type="text"], .checkout-sec input[type="email"], .checkout-sec input[type="phone"], .checkout-sec select, .checkout-sec textarea, .checkout-sec .input{letter-spacing: -0.33px;font-size: 14px;padding: 18px 20px;    }
    .checkout-sec .title{font-size: 30px;}
    .order-detail {padding: 20px;border-radius: 0;width: calc(100% + 80px);margin-left: -40px;    }
    .order-detail-body .pro-img img, body .order-summary-body .pro-img img{border-radius: 10px;width: 105px;height: 68px;}
    .checkout-sec.shape-two:after{display: none;}
    .order-detail-foot { padding: 0 30px;}
    .order-detail .item-title,.order-detail-body .price,.order-detail-body h6,.order-summary-body .product-title,.order-summary-body h6{font-size: 16px;}
    .checkout-sec .payment-box{margin-top: 40px;padding: 40px 20px}
    .checkout-sec .payment-box .radio-btn label{font-size: 17px; line-height: 1.4;}
    .checkout-sec textarea{ min-height: 105px;}
    .checkout-page .about-hero .fcircle-shape {top: 160px;left: -150px;max-width: 300px;height: 300px;}
    .ordersuccess-sec {padding: 30px 0 0;}
    .order-summary-box{border-radius: 0;width: calc(100% + 80px);margin-left: -40px;padding-bottom: 40px;}
    .order-summary-box .section-header h2,.order-summary-box .section-header h3{letter-spacing: -0.5px;}
    .order-summary-box .section-header p{font-size: 15px;line-height: 1.3;letter-spacing: -0.38px;}
    .order-summary{ padding: 30px 20px; margin-left: -30px; width: calc(100% + 60px);border-radius: 0;margin-bottom: 30px;}
    .order-summary-body .pro-img { padding-right: 10px;}
    .order-summary-body .row{ padding: 8px 0;}
    .order-summary-body .row:last-child{padding-bottom: 25px;border-color: #0055B8;}
    body .order-detail-foot .subtotal .price,body .order-detail-foot .tax .price { font-size: 20px;}
    .order-summary-body .product-title{line-height: 1.2;}
    .ordersuccess-sec .process-btn{min-width: 220px;}
    .contact-sec .left-block{margin-top: 0;width: 100%;}
    .contact-page .category-hero {padding: 127px 0 0; }
    .contact-page .category-hero .col-md-6:first-child {top: 0;}
    .contact-page .category-hero .img-block img{border-radius: 20px;}
    .contact-page .category-hero .shape-bottom {max-width: 200px;bottom: 90px;}
    .contact-sec.shape:before,.contact-sec.shape-two:after,.contact-sec .fishlight,.contact-page-two .about-hero .hero-img:before,.contact-page .category-hero .fcircle-shape{display: none;}
    .contact-sec .contact-detail {padding: 30px 35px;border-radius: 10px;}
    .contact-sec .contact-detail ul li a{font-size: 13px;letter-spacing: -0.33px;}
    .contact-sec{padding-top: 40px;}
    .contact-sec .contact-detail p{font-size: 15px;letter-spacing: -0.38px;}
    .contact-sec .contact-detail ul li:not(:last-child){border-bottom: 0;padding-bottom: 0;margin-bottom: 20px;}
    .contact-sec .contact-detail ul li:first-child{margin-bottom: 10px;}
    .contact-sec .right-block {padding-top: 0;width: 100%;}
    .contact-form .input-filed input, .contact-form .input-filed textarea{text-align: center;}
    .contact-form .btn-secondary{padding: 10px 20px;width: auto;letter-spacing: -0.33px;min-width: 124px;}
    .contact-sec .shape-top {max-width: 85px;right: -20px;left: auto;top: 35px;}
    .contact-page-two .about-hero .hero-img{padding-bottom: 0;}
    .contact-page-two .category-hero .shape-bottom{bottom: 50px;}
    .contact-page-two .home-bg { height: calc(100% + 180px);top: -20px;}
    .order-modal .order-form, .order-modal .img-block{width: 100%;}
    .order-modal .order-form  h4{font-size: 35px;}
    .order-modal .modal-dialog{padding: 0;margin: 0;}
    .order-modal .modal-content{border-radius: 0;}
    .order-modal .order-form{padding: 30px 40px}
    .order-modal .img-block{padding: 40px;border-radius: 0;}
    .order-modal .order-form .input-date{display: block;}
    .order-modal .order-form .input-date input{width: 100%;}
    .order-modal .order-form .radio-btn span{ padding-left: 40px;}
    .order-modal .order-form .btn-secondary {font-size: 13px;padding: 11px 30px;min-width: 210px;width: auto;}
    .order-modal .order-form .btn-secondary .icon{letter-spacing: 0px;padding-left: 10px}
    .order-modal .img-block .shape-img {max-width: 170px;top: 114px;}
    .chat .mobile-text{display: block;}
    .chat{width: 80px;bottom: 45px;}
    .chat i{ font-size: 39px;}
    .pro-desc-tab { padding: 20px; border-radius: 20px;}
    .pro-desc-tab .nav-tabs .nav-link {padding: 6px 18px;min-width: auto;font-size: 14px;}
    .pro-desc-tab .nav-tabs li { margin: 0 7px;}
    .pro-desc-tab .nav-tabs {margin: 0 -7px;}
    .pro-desc-tab .nav-tabs:before{ left: 7px;  width: calc(100% - 14px);}
    .pro-desc-tab p, .pro-desc-tab ul li ,.single-pro-content .desc p{ font-size: 14px;}
    .pro-desc-tab p{margin-bottom: 20px;}
    .single-product.shape:before,.single-product .shape:before{display: none;}
    .single-product .single-pro-service,.single-product .single-proimg, .single-product .single-pro-content,
    .single-pro-content .custom-weight{width: 100%;}
    .single-product .service-col{flex-wrap: wrap;}
    .single-pro-slider .slider-for .img-wrapper{border-radius: 20px;box-shadow: none;}
    .featur-product-new .featur-probox .label, .single-pro-content .label{padding: 4px;font-size: 12px; min-width: 50px;}
    .single-pro-slider .slick-arrow {width: 25px;height: 25px;}
    .single-pro-slider .slick-next:before, .single-pro-slider .slick-prev:before {background-size: 6px;}
    .single-pro-content .pro-title, .single-pro-content .price .regular{font-size: 24px;}
    .single-pro-content .review img, .featur-product-new .featur-pro-content .rating img { max-width: 15px;}
    .single-pro-content .price .discount{font-size: 18px;}
    .single-pro-content .sale img {max-width: 43px;}
    .featur-product-new.shape:before{background-size: 70px;}
    .single-pro-slider .slider-for .slick-slide { padding: 0;}
    .login-screen .custom-form {padding: 20px;width: 100%; border-radius: 10px;}
    .login-screen .custom-form input{ padding: 9px 15px;border-radius: 6px;font-size: 13px;}
    .login-screen .custom-form button{border-radius: 6px;}
    .login-screen .custom-form label{font-size: 14px;padding: 0;}
    .login-screen .have-account {font-size: 14px;}
    .login-screen .custom-form .header-logo{padding: 0 0 10px; margin: 0 auto 20px;}
    /*.login-screen,.login-screen .form-box{height: auto;}*/
    .login-screen .custom-form .forgot-link,.login-screen .custom-form .form-title p { font-size: 13px;}
    .login-screen .custom-form #eye,
    .login-screen .custom-form #confirmpwd-eye{right: 15px;font-size: 13px;}
}
@media only screen and (max-width: 575px){
    .home-bg{ background-position: 50% 20%; }
}
@media only screen and (max-width: 374px){
    .home-bg{background-position: 50% -10px;    }
    .header-logo {padding-left: 55px;    }
    .header-logo img {max-width: 120px;    }
    .featur-product .nav-tabs .nav-item .nav-link{min-width: auto;width: 100%;    }
    .featur-product .nav-tabs .nav-item{width: calc(50% - 16px);    }
    .featur-product .featur-probox .btn{min-width: auto;    }
    .shop-page .about-hero .col-md-6:last-child{ right: -120px;top: 95px;}
    .breadcrumb-wrp{padding: 7px 15px;}
    .sidebar .widget-box {padding: 20px 15px;    }
    .sidebar .widget-box .icon {height: 50px;min-width: 50px;line-height: 50px;margin-right: 10px;    }
    .sidebar .widget-box .icon img {max-width: 30px;    }
    .filter-bar,.sidebar .widget-box.edit-category {padding: 15px;    }
    .sidebar .widget-box ul li span {font-size: 10px;    }
    .edit-category .btn-secondary{min-width: auto;font-size: 14px;    }
    .pagination li {font-size: 14px;width: 30px;height: 30px;margin: 0 2px;line-height: 30px;    }
    .pagination li img {max-width: 7px;    }
    .cart-table .pro-img img{height: 100px;width: 100px;}
    .cart-table .cart-body .cart-box{padding: 15px;}
    .cart-table .delete{left: 72px;padding: 2px 6px;}
    .contact-page-two .home-bg { top: 0px;}
    .order-modal .order-form h4 { font-size: 30px;}
    .order-modal .order-form .radio-btn span { padding-left: 20px;}
    #productmodal .product-content .btn-addtocart, .single-pro-content .btn-addtocart{ padding: 9px 10px; min-width: 130px;}
    .pro-desc-tab .nav-tabs .nav-link{ font-size: 12px; padding: 6px 10px;}
    .cart-page .hero-img .shape-img, .checkout-page .hero-img .shape-img, .custom-inner-hero .hero-img .shape-img, .ordersuccess-page .hero-img .shape-img{width: 120px;}
}