/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 18 2021 | 14:35:14 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Montserrat', sans-serif!important;
  font-size: 1rem!important;
  font-weight: 400!important;
  line-height: 1.5;
  color: #363636;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3{font-family: 'Playfair Display', serif!important;font-weight:500!important}

.page-title, .entry-title{font-size:3.5rem;text-align:center}

.entry-header{display:none}

.site-branding img{width:70px}

.my-dark{background:#363636}

.my-or{background:#ff8200}

.my-wh{border:2px solid #ff8200;background-color:#ffffff;color:#ff8200}

.active a{color:#ff8200!important}

.cart_n{
	font-family: 'Montserrat', sans-serif;
    float: right;
    color: #000;
    background: #fff;
    border-radius: 50%;
    height: 18px;
    text-align: center;
    width: 18px;
    line-height: 1.2;
    border: solid 2px #ff8200;
    position: relative;
    top: 15px;
    left: 35px;
    font-size: 12px;
    font-weight: 600;
}

.top_img{height:30px!important}

.main-top .search-form label{width:65%}

.mobile-logo .search-form label{width:70%}

.main-top .search-form .search-field{
	width:100.5%;
	border: none;
    border-radius: 4px 0 0 4px;
    padding-left: 15px;
    height: 30px;
}
.mobile-logo .search-form{float:right;
margin-top:9%}
.mobile-logo .search-form .search-field{
	width:100.5%;
	border: none;
    padding-left:0px;
    height: 30px;
	border-bottom:1px solid #363636;
	font-size:14px
}
.main-top .search-form .search-field:focus, .mobile-logo .search-form .search-field:focus{outline:0!important}

.main-top .search-form .search-submit{
	background-color: #ff8200;
    border: none;
    border-radius: 0 4px 4px 0px;
    height: 30px;
    padding: 0 15px;
    color: #fff;
	margin-top: 1px
}
.mobile-logo .search-form .search-submit{
	background-color: #ff8200;
    border: none;
    border-radius: 0 4px 4px 0px;
    height: 30px;
    padding: 0 10px;
    color: #fff;
	font-size:14px;
	margin-top: 1px
}

.mobile-logo .search-form .search-submit{
	background-color: #363636;
}
.main-top .search-form .search-submit:focus{outline:0!important}

.menu-image-title-below.menu-image-not-hovered > img{padding-bottom:5px!important}

.navbar{
margin:0;
padding:0;
float: right;
display:block}

.navbar li{
list-style-type:none;
float:left;
margin-left:50px}

.navbar li a{color:#363636;
text-decoration:none;
font-weight:700;
font-size: .9rem;
text-transform:uppercase}

.navbar li a{transition:.3s}
.navbar li a:hover{color:#ff8200}

.mobile-top, .mobile-logo{display:none}

.foot h1{
font-family: 'avenir', sans-serif;
font-weight:bold;
text-transform:uppercase;
font-size:18px;
color:#fff}

.foot .text, .foot a{font-size:1.2rem;
color:#fff;
text-decoration:none;
font-weight:300}

.foot ul li{list-style-type:none}

.foot ul{margin:0;padding:0;margin-top:10px}

.video-1, .video-2{width:100%}
.video-1{height:470px}
.video-2{height:230px}

.carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius:50%;
margin-right: 5px;
margin-left: 5px
}

.top_sl_img{border-radius:0 0 0 50%}

.btm_sl_img{background-image:url(https://oswalpublishers.com/wp-content/uploads/btm_back.jpg);background-size:cover;border-radius: 0 50% 0 0;background-position:center}

.social{font-size:20px;color:#fff;font-weight:600;letter-spacing:1.5px;text-decoration:none}

.social-fb{border:3px solid #1e4fad}
.social-fb .social-img{background: #1e4fad}

.social-ti{border:3px solid #1ba5d4}
.social-ti .social-img{background: #1ba5d4}

.social-lin{border:3px solid #007ab5}
.social-lin .social-img{background: #007ab5}

.social-insta{border:3px solid #4756a6}
.social-insta .social-img{background-image: linear-gradient(to right, #ffc659, #ee313a, #c8228f, #4756a6)}

.home_slider .active a{color:#fff!important}

.home_slider .btn{color:#fff!important}

.home_slider h1{font-size:3rem}

.h_first_section a{color:#363636!important;
text-decoration:none!important}

.base{margin-top:-8%}
.cost{margin-top:-16%}
.bag{margin-top:-18.6%;
text-align:right}

.mid_s_caption {
margin:60px 0 0 -40px
}
.mid_s_caption h1{
font-size:2.0rem;
}

.es-field-wrap label{width:70%}

.es-field-wrap label input{width:100%;border-radius:4px}

.es_subscription_form{
    text-align: left!important;
}

.es_shortcode_form input[type="submit"] {
    border: 0px!important;
    font-family: sans-serif;
    background: #ff8200;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 4px;
}

@media all and (min-width:768px){.slider_heading{text-align:left!important}.slider-btn{margin-left:0!important}
}
@media all and (max-width: 1400px) and (min-width: 992px){
.cost h4{font-size:1.2rem}
.bag img{width:45px}
.p_name, .p_class{font-size:0.8rem}
}


@media all and (max-width:992px){
	.main-top, .desktop-menu{display:none}
	.mobile-top, .mobile-logo{display:block}
	.video-1{height:350px}
	.home_slider h1{font-size:2rem}
	
	.mid_s_caption h1{font-size:1.5rem;}
	
	.base h4{font-size: calc(1rem + .3vw)}
	
	.bag img{width:38px}
	
	#t-product_slider{display:block!important}
	#t-best_slider{display:block!important}
  	.es-field-wrap label{width:100%}
  
}
@media all and (max-width:768px){
	
	.video-1{height:230px}
	.mid_s_caption h1{font-size:1.2rem}
	
	.top_sl_img{border-radius:0}
	
	.carousel-indicators{display:none}
	#t-product_slider{display:none!important}
	#t-best_slider{display:none!important}
	
	#m-product_slider{display:block!important}
	#m-best_slider{display:block!important}
  	.btm_sl_img{border-radius: 0px!important}
}
@media all and (max-width:576px){
.mid_s_caption {
margin:0}
}

@media all and (max-width:480px){
	.base h4{font-size: 15px}
	.bag img{width:32px}
	.carousel-item h6, .carousel-item p{font-size:12px}
	
		.mobile_image{
	width: 30%;
    margin-top: 6px;
	margin-bottom: 5px
}
.mobile-logo .site-branding img{width:60px!important}	
.mobile-logo .search-form{margin-top:7%}
}
