/*
Theme Name: Grand Hotel
Theme URI: https://www.logicalthemes.com/products/free-grand-hotel-wp-theme/
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: It’s always advised and is a better idea to choose a theme that has been designed for your business niche. If you’re a hotel owner, restaurateur, or are planning to start a hotel, snack bar, or café, etc. you ought to check out Grand Hotel WordPress Theme. It’s a template our design team has curated exclusively for this industry. There are several features that will give your business an edge when you present it using this ready-to-use template. When you choose Grand Hotel WordPress Theme you get a template that offers a structured framework that helps you to streamline the presentation of your venture keeping in mind the convenience and navigation habit of your potential client visiting your website. We’ve designed Grand Hotel WordPress Theme in a way that it ensures key aspects related to your hotel or restaurant is covered. Such a layout ultimately increases your chances of success and attracts niche traffic your way. Besides being a visually great looking template it offers multiple functionalities that make the theme a pleasure for your client to visit, and explore your hotel online. At the same time you can manage the look and vibe of the site as you like without any difficulty. Let’s share all the features one by one. It’s a light weight theme, quick to load. We’ve used awesome images, relevant for your business to give it the vibe these are light weight. Visually Grand Hotel WordPress Theme is sophisticated, trendy, and modern. We’ve curated a responsive design. This ensures your visitor has a good experience exploring your hotel online, whether s/he uses mobile phone, laptop or any other device to visit your site. Behind the sophisticated look and advanced features that give it an upmarket feel is an easy interface or Dashboard which makes it easy even for a layman to adjust the feel and look by changing images and updating text from time to time without any technical or coding knowledge or experience. Within minutes you can adapt to the dashboard and understand how you can manage the template yourself. Using this dashboard saves you time, money and dependency on third party for making changes. When you download & install this WordPress Theme you know that your business will always give a freshly updated, crisp, and good energy vibe and offer a wonderful customer experience.
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.1
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grand-hotel
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

Grand Hotel WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Grand Hotel WordPress Theme is released under the terms of GNU GPL
*/

*, body, img, p, .bypostauthor, .wp-caption-text, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
*{
  outline:none;
}
body{ 
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color: #999;
  font-family: 'Poppins', sans-serif;
/*  font-family: 'Roboto', sans-serif;*/
  overflow-x: hidden;
}
img{ 
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
a:hover {
  text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  color: #101E44;
  font-weight: bold;
   font-family: "Philosopher", sans-serif;
}
p{ 
  font-size: 15px;
  line-height: 1.8;
}
a{ 
  text-decoration:none;
  color: #101E44;
}
a:hover{ 
  text-decoration:none;
  color: #101E44;
}
a:focus, input:focus, textarea:focus, button:focus,.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #fa84da;
  border-bottom: 1px solid #fa84da;
}
.mid-header .sign-link a:focus, .mid-header span.cart_no a:focus, span.entry-date a:focus, #sidebar input[type="submit"]:focus {
  outline-color: #000;
  border-color: #000;
}
.footersec input[type="submit"]:focus, .copyright a:focus {
  outline-color: #fff;
  border-color: #fff;
}
table, select, span.woocommerce-input-wrapper{
  width:100%;
}
ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #101E44;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
input[type="text"],input[type="email"],input[type="phno"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
.clearfix{clear: both;}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.wrapper{
  margin:3% auto;
}
.wp-caption{ 
  font-size:13px;
  max-width:100%;
}
.read-moresec a {
  background: #101E44;
  font-size: 16px;
  color: #fff;
  border-radius: 30px;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.entry-content a,.comment p a,#sidebar .widget_text p a{
  text-decoration: underline;
}
.footersec .widget_text p a {
  color: #fff;
  text-decoration: underline;
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right: 45px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}
.alignright,img.alignright { 
  display: inline;
  float: right;
  margin-left:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.aligncenter,img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
h2.section-title {
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
.padding-0{padding: 0;}
.marrgin-0{margin: 0;} 
/*----------Sticky Header------*/
.fixed-menubox {
  position: fixed;
  top: 0px; 
  left:0;
  width: 100%;
  box-shadow: 2px 2px 10px 0px #000;
  z-index: 999999;
  background: #fff;
  padding: 10px;
}
.page-template-home-custom .fixed-menubox{
  background: #101E44;
}

/* ---------Inner Page Header --------- */
.header-content {
  position: absolute;
  bottom: 20px;
  transform: translateY(-50%);
  z-index: 1;
}
.inner-head {
  padding: 5% 0;
  position: relative;
/*  background: linear-gradient(175deg, black 65%, transparent 25%);*/
/*background: #000;*/
  height: 250px;
}
.menubox {
  padding: 12px 0;
}
.inner-head:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: #000;
  z-index: -1;
}
.inner-head img.head-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
/*  clip-path: polygon(0 0, 100% 0, 100% 55%, 0 85%);*/
}
.inner-head h1 {
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 15px 100px 15px 30px;
  border-radius: 40px;
  background: #101E44;
}
.lt-breadcrumbs {
  color: #101E44;
  font-size: 25px;
  font-weight: 600;
  padding: 7px 20px 10px;
  background: #fff;
  border-radius: 30px;
  display: inline-block;
  line-height: 1;
  margin-left: -80px;
  position: relative;
  top: -3px;
}
.lt-breadcrumbs a, .lt-breadcrumbs span {
  color: #101E44;
  font-size: 18px;
  display: inline-block;
}
.header-image {
  position: relative;
  z-index: 1;
}
.header-image {
  position: relative;
  -webkit-transform: perspective(600) rotateY(-30deg);
  transform: perspective(600) rotateY(-30deg);
}
.header-image:after {
  content: '';
  width: 100%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  z-index: 999;
}
.header-image img {
  width: 100%;
  border-radius: 90px;
  height: 350px;
  object-fit: cover;
  position: relative;
  top: 4px;
}

/*header Button*/

/*#header .top-head{
  background: #000;
  margin-left: -70px;   
  text-align: right;
  padding: 5px 4em 5px 0;
}*/
#header .contactusbtn {
    text-align: right;
    position: relative;
    padding: 4px 0;
}
#header .contactusbtn a {
    background: #101E44;
    color: #fff;
    padding: 8px 30px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    top: 0px;
    border-radius: 4px;
    transition: all 0.3s;
}
#header .contactusbtn:hover a{color: #fff;background: #002465;transition: all 0.3s;} 

/* --------- Header --------- */
.pd-0{ padding: 0 !important;}
.mr-0{margin: 0 !important;}
.home header.banner {
    position: relative;
}

.btmheader {
  background: #101E44;
}

.page-template-home-custom #header .btmheader{
  background: transparent;
}

.page-template-home-custom #header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.header-box {
  position: relative;
  padding: 20px 0px 10px;
 
}

#header .logobx-out{
  text-align: center;
  padding: 0em 0;
}

.logobx {
    background: #fff;
    position: relative;
    border-radius: 9px;
    padding: 10px 1px 7px 1px;
    outline: 8px solid #434a5d;
}
.logo h1, .logo p.site-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
.logo h1 a, .logo p.site-title a{
  color: #002465;
}
.logo p{
  color: #002465;
  font-size: 13px;
}
#menu-sidebar {  display: inline;}
#header .text-lg-center {  float: right; }
#header .rightsidemenu{  float: left; }
.primary-navigation ul{
  display: flex;
  flex-wrap: wrap; /* Ensures proper alignment on smaller screens */
  justify-content: flex-start; /* Align items to the left */
  gap: 0px; /* Adds spacing between menu items */
  list-style: none;
  padding: 0;
  margin: 0 40px;
  list-style: none;  
  color:#fff;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
.primary-navigation a:hover,
.primary-navigation .current_page_item a{color:#1955C1;font-weight: 600;transition: all 0.5s;}
.primary-navigation a{
  display: block;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
  font-weight: 400;
  transition: all 0.5s;
}
.primary-navigation li.menu-item-has-children:hover > ul, 
.primary-navigation li.menu-item-has-children:focus-within > ul, 
.primary-navigation li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.primary-navigation ul ul{
  display: block !important;
  opacity: 0;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  border:1px solid ;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  color: #fff;
  background: #000;
  padding: 10px;
}
.primary-navigation ul ul a:hover{
  background: #565050;
  color: #fff;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:hover{
  color: #1955C1;
}

@media screen and (max-width: 768px) {
  .rightsidemenu {
    display: none;
  }
}

/*top Header*/
.top-header {
  position: relative;
  padding: 10px 0;
  background: #101E44;
}
.top-header p, .top-header a {
  color: #4c4d4e;
  font-weight: 500;
}
.top-header p i {
  color: #fa84da;
}
#header .phonenum { display: inline-block; }
#header .phonenum a{color:#E5F3FF;transition: all 0.5s;}
#header .phonenum i{margin: 0 10px 0 0}
#header .phonenum a:hover {color: #a09999;transition: all 0.5s;}
#header .email {  display: inline-block;  margin: 0 0 0 25px; }
#header .email i{margin: 0 10px 0 0;}
#header .email a{  color: #E5F3FF;transition: all 0.5s;}
#header .email a:hover {color: #a09999;transition: all 0.5s;}

#header .socialicons{text-align: right;}
#header .socialicons a{margin: 0 0 0 15px;transition: all 0.5s;}
#header .socialicons i {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  transition: all 0.5s;
}
#header .socialicons a:hover i{color: #a09999;transition: all 0.5s;}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: -4px;
/*  color: #101E44;*/
  top: 7px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 6px;
  top: 12px;
}
.toggle-menu, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before{
  display: none;
}


.primary-navigation ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
  text-align: left;
}


/*******************/
/*Slider Section*/
/*================*/

.page-template-home-custom .inner-head { 
  display: none;
}

/* --------- SLIDER--------- */

#slider{ position:relative;}
#slider .slide-oly{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #111B37 0%, #0D1428BE 15%, #0D1428BC 51%, #0D142761 83%, #04040417 100%) 0% 0% no-repeat padding-box;
   
}

#slider .sliderbg-img img {
  width: 100%;
}
#slider .slider-content {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: auto;
    padding: 0;
    overflow: hidden;
    width: 49%;
    /* align-items: center; */
    margin: 0 auto;
    text-align: center;
}

#slider .slider-content h2 {
  position: relative;
  color: #ddd;
  font-size: 58px;
  font-weight: 500;
  line-height: 1;
}
#slider .slider-content .brd1 {
    position: relative;
    overflow: hidden;
    border: 2px solid #706a6a;
    padding: 4px 0;
    border-radius: 10px;
    margin: 1em auto;
    width: 160px;
}
#slider .slider-content .brd1:after {
    content: "";
    position: absolute;
    border-top: 1px dashed #706a6a;
    top: 4px;
    left: 0;
    right: 0;
}
#slider .slider-content .brd1:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: 1;

  animation-name: roll;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-delay; 2s;
}
@keyframes roll {
/* Basic move left and right*/
  0% {transform: translateX(10px) rotate(0);}
  20% {transform: translateX(-10px) rotate(-0.5turn);}
  100% {transform: translateX(160px) rotate(2turn);}
  0% {transform: translateY(0px) rotate(1turn);}
}
#slider .slider-content p {
  position: relative;
  color: #757984;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  word-break: break-word;
  padding: 0;
  text-shadow: none;
  margin: 1em 0;
}
#slider .R_more{position: relative;overflow: hidden;}
#slider .R_more a {
    position: relative;
    overflow: hidden;
    outline: none;
    text-decoration: none;
    display: inline-flex;
    padding: 6px 26px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    font-family: "Philosopher", sans-serif;
    background: #fff;
    color: #000;
    transition: all 0.3s;
}
#slider .R_more a:hover{
  transition: all 0.3s;
  background: #101E44;
  color: #fff;
}
#slider .slide-brd {
    position: absolute;
    top: 12%;
    right: 15%;
    left: 15%;
    bottom: 8em;
    border: 2px solid #757984;
    border-radius: 14px;
    border-top: none;
}
#slider .slide-brd:after {
    border-top: 2px solid #757984;
    position: absolute;
    top: 0%;
    left: 0%;
    content: "";
    z-index: 2;
    width: 38%;
    border-radius: 14px 0 0 0px;
    padding: 30px 0 0 0px;
}
#slider .slide-brd:before {
    border-top: 2px solid #757984;
    position: absolute;
    top: 0%;
    right: 0%;
    content: "";
    z-index: 2;
    width: 38%;
    border-radius: 0px 14px 0 0px;
    padding: 30px 0 0 0px;
}

/* Slider CSS Start  */

.splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  width: 580px;
  overflow: hidden;
  transition: .2s;
  border-width: 2px !important;
  margin: 10px 0px;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  box-shadow: 2px 3px 8px #000000a3;
  width: 200px !important;
  height: 100px !important;
}
/*#slider{height: 600px;}*/
.splide__slide img {
  width: auto;
/*  height: 600px;*/
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
#thumbnail_slider {
    bottom: 4em;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin: 0 auto;
}

/* Slider CSS End  */

/*arrow*/
#slider .splide__arrow--prev {  left: 25%;}
#slider .splide__arrow--next { right: 25%; }
#slider .splide__arrow--prev svg,
#slider .splide__arrow--next svg { fill: #fff;}
#slider .splide__arrow--prev:after {
    content: "";
    position: absolute;
    background: #5d5e63;
    width: 100px;
    height: 70px;
    z-index: -1;
    border-radius: 16px 0px 0px 16px;
    border: 2px solid #696971;
}
#slider .splide__arrow--next:after {
    content: "";
    position: absolute;
    background: #5d5e63;
    width: 100px;
    height: 70px;
    z-index: -1;
    border-radius: 0 16px 16px 0px ;
    border: 2px solid #696971;
}
#slider .splide__arrows {
    position: relative;
    top: 3.4em;
}
#slider .splide__arrow {
    width: 36px;
    height: 36px;
    background: #6d6e73;
    border-radius: 4px;
}
#slider .splide__arrow:before {
    content: "";
    position: absolute;
    outline: 2px solid #6d6e73;
    margin: 4px;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -8px;
    border-radius: 4px;
}

/*******************/
/*About Section*/
/*==============================*/
#aboutus {
    position: relative;
    overflow: hidden;
    padding: 2em 0 4em;
    background-image: linear-gradient(-11deg, #f1f1f1 66%, #fff 50%);
}
/*left*/
#aboutus .abt-imgbx {
    width: 43%;
}
#aboutus .abt-img{position: relative;}
#aboutus .abt-img img{position: relative;border-radius: 0px;}

/*right*/
#aboutus .conbx {
    width: 57%;
    margin: 6em 0 0 0;
    padding: 0 14px 0 30px;
}

#aboutus .conbx h4 {
    position: relative;
    font-size: 32px;
    font-weight: 400;
    color: #101E44;
}
#aboutus .conbx h4 i{
    font-size: 18px;
    position: relative;
    top: -5px;
    margin: 0 16px 0px 0;
}
#aboutus .conbx h5 {
    position: relative;
    font-weight: 400;
    font-size: 27px;
    line-height: 45px;
    color: #101E44;
    margin: 1em 24% 1em 0;
}
#aboutus .conbx p {
    font-size: 20px;
    color: #949494;
    margin: 1.2em 0 1em;
    line-height: 35px;
}
#aboutus .list li i {
    color: #101E44;
    font-size: 12px;
    position: relative;
    top: -5px;
    margin: 0 8px 0 -20px;
}
#aboutus .list li {
    list-style: none;
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    position: relative;
    left: 20px;
    margin: 0 0px 15px 0;
}

#aboutus .abtbtn {
    position: relative;
    margin: 40px 0 4px 0;
}
#aboutus .abtbtn a {
    position: relative;
    overflow: hidden;
    padding: 8px 20px;
    border-radius: 0px;
    color: #fff;
    background: #101E44;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s;
}
#aboutus .abtbtn a:hover {
  color: #fff;
  background: #8c8b8b;
  transition: all 0.3s;
}

/*******************/
/*services Section*/
/*================*/
.pl-0{padding-left: 0;}
#services{position: relative;overflow: hidden;padding: 5em 0 3em 0;}
#services .services-head {
    text-align: center;
    margin: 0 auto 3.4em;
}
#services .services-head h3 {
    font-size: 32px;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}
#services .services-head h3 i {
    position: relative;
    font-size: 20px;
    color: #000;
    margin: 0px 14px 0 0;
    top: -3px;
}

#services .feabx{padding: 0 10px; }
#services .feabxinn {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0px 0 0 0;
    cursor: pointer;
    margin-bottom: 1.5em;
    transition: all 0.5s;
}
#services .feabxinn:hover{
  box-shadow: 2px 2px 4px 1px #0000000D;
  transition: all 0.5s;
}
#services .servicesbx{  position: relative;}
#services .imagebx img{width: 100%;height: 500px;}
#services .content {
    padding: 15px 10px 10px 0px;
    position: relative;
    overflow: hidden;
}
#services .content h2{
  font-size: 25px;
  font-weight:500 ;
  color: #101E44; 
  margin: 15px 0 15px;
}
#services .content p{
  font-size: 18px;
  line-height: 30px;
  color: #101E44;
  padding: 0;
}
#services .bttn{position: relative;margin: 1.2em 0 0 0;}
#services .bttn a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background: #101E44;
    padding: 6px 20px;
    transition: all 0.5s;
}
#services .bttn a:hover{
  transition: all 0.5s;
  background: #8c8b8b;
}

/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
  color:#000;
}
a.showcoupon,.woocommerce-message::before{
  color: #101E44;
}
.woocommerce-message {
  border-top-color: #101E44;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce span.onsale{
  background: #101E44;
  padding: 0;
  border-radius: 0;
  color: #fff;
  font-weight: 500;
}
.products li {
  padding: 0 0 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,.woocommerce div.product .product_title {
  color: #000;
  font-size: 20px !important;
}
.woocommerce img, .woocommerce-page img{
  margin: 0 !important;
  border: solid 1px #dcdcdc;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce div.product .product_title {
  background: none;
  text-align: left;
  text-transform: capitalize;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward{
  background: #101E44;
  color: #fff;
  border-radius: 30px;
  font-weight: 500;
}
a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
  margin-left: 5px;
  padding: 8px !important;
  font-size: 14px;
  line-height: 1;
  border-radius: 30px;
}
a.added_to_cart.wc-forward {
  margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, a.added_to_cart.wc-forward:hover  {
  background: #fa84da;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 30px;
  border: solid 1px #353535;
  color: #353535;
}
.woocommerce div.product form.cart {
  margin: 15px 0;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 15px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #101E44;
  color: #000;
  border: none;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
  background: #101E44 !important;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff ;
}
.posted_in {
  display: block;
}
.woocommerce-products-header {
  margin-top: 20px;
}
select.orderby{
  padding: 10px;
  margin-top:10px;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a, a.shipping-calculator-button, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a, nav.woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content li a, a.woocommerce-privacy-policy-link, a.showcoupon {
  text-decoration: none;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
  list-style: none;
  padding: 16px 32px 16px 56px;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a{
  text-decoration: none;
  color: #fff;
}
#sidebar p.woocommerce-mini-cart__buttons.buttons a:hover, .footersec p.woocommerce-mini-cart__buttons.buttons a:hover{
  background: #101E44;
}
#sidebar form.woocommerce-product-search input[type="search"], .footersec form.woocommerce-product-search input[type="search"]{
  width: 100%;
  padding: 7px 10px;
}
#sidebar form.woocommerce-product-search button, .footersec form.woocommerce-product-search button{
  background: #101E44;
  border: none;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  font-size: 16px;
  margin: 0;
  letter-spacing: 1px;
  font-weight: 600;
}
#sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range, #sidebar .widget_price_filter .ui-slider .ui-slider-handle, .footersec .widget_price_filter .ui-slider-horizontal .ui-slider-range, .footersec .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #101E44;
}
.widget_shopping_cart_content p.woocommerce-mini-cart__total.total{
  padding: 5px 0;
  color: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.select2-container--default .select2-selection--single{
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 3px;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  background: none;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce ul.products li.product .price{
  font-size: 15px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price {
  color: #000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce form.woocommerce-shipping-calculator a{
  color: #000 !important;
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 10px;
}
#sidebar .price_label, .footersec .price_label, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 500;
  color: #000;
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
}
.woocommerce-info::before {
  color: #1a8129;
}
.woocommerce-privacy-policy-text p a,.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #000;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
  padding: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce-Address{
  max-width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
#sidebar .star-rating, .footersec .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, .footersec .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
.footersec .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.footersec .price_label, #sidebar .price_label, .news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.woocommerce .star-rating {
    float: left;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 30%;
  text-align: center;
  margin-right: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
  color: #ff7e00;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , .footersec a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
  margin-bottom: 20px;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 0 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce input#password {
  padding: 10px;
}
#sidebar .woocommerce ul.product_list_widget li img, .footersec .woocommerce ul.product_list_widget li img {
  width: 50px;
}
.footersec .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto;
}
#sidebar li.woocommerce-mini-cart-item.mini_cart_item{
  position: relative;
  padding: 0 0 10px 30px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
  text-align: center;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove{
  position: absolute;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  padding-left: 2em;
}


/* --------- Homepage --------- */
.box-image img {
  width: 100%;
}
.post-wrap h2{
  font-size: 25px;
  font-weight: 600;
  display: block;
}
.post-wrap h2 a{
  color: #002465;
}
.post-wrap .section-title a:hover{
  text-decoration:none;
}
.post-wrap {
  box-shadow: 0 0 15px #ddd;
  border-radius: 10px 10px 0 0;
}
.post-wrap img {
  border-radius: 10px;
}
.singlebox h1{
  color: #101E44;
  font-size: 30px;
}
.adminbox {
  background: #101E44;
  padding: 30px 20px 15px;
  clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
}
.adminbox span {
  font-size: 16px;
  color: #fff;
}
.adminbox span a{
  color: #fff;
}
.post-wrap p {
  font-size: 15px;
  color: #828282;
}
.continue-read a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 10px 25px;
  background: #101E44;
  border-radius: 30px;
  display: inline-block;
}
.continue-read a:hover {
  color: #fff;
}
.metabox span {
  color: #0d0d0e;
  font-size: 16px;
  margin-right: 20px;
}
/* Breadcrumbs */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background: #f1f1f1;
  color: #000;
  padding: 4px 15px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.bradcrumbs a:hover{
  background:#f58220;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/* blog post */
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.meta-nav {
  clear: both;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-left: 8px;
  position: relative;
  top: 5px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.post-tags a {
  background: #101E44;
  color: #fff;
  padding: 4px 10px;
  margin: 3px;
  border-radius: 4px;
  display: inline-block;
}
/* Comments BOX */
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background: #101E44;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  color: #fff;
  border-radius: 30px;
}
#comments a.comment-reply-link{
  color:#fff;
  background: #101E44;
  padding:5px 15px;
  font-weight: 500;
  border-radius: 30px;
}
#comments a.comment-reply-link:hover,#comments input[type="submit"].submit:hover{
  background: #fa84da;
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.main-content #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  display:inline-block;
  border:none;
}
#comments .comment-body p{
  background: #f5f5f5;
  padding: 15px;
}
.main-content #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align:right;
}
.comment-respond{
  clear:both;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments .comment-body p a{
  text-decoration: underline;
}
/* Sidebar */
#sidebar h3 {
  color: #fff;
  background: #101E44;
  padding: 20px 15px;
  font-size: 25px !important;
  clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
  padding: 15px 15px 40px;
  color: #707070;
  font-size: 16px;
}
div#sidebar p,#sidebar td#prev a {
  color: #696969;
}
#sidebar caption {
  font-weight: bold;
  color: #696969;
  font-size: 20px;
  text-align: center;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 5px;
  color: #696969;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #696969;
}
#sidebar select {
  padding: 10px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 17px;
  margin: 15px 15px 40px;
  width: -webkit-fill-available;
}
#sidebar form.search-form{
  display: table;
  width: 100%;
  padding: 15px 15px 40px;
}
#sidebar input[type="search"] {
  background:#fff;
  padding: 10px;
  border:none;
  font-size:15px;
  color:#696969;
  width:100%;
}
#sidebar input[type="search"]::placeholder {
  color: #000;
}
#sidebar form.search-form label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"]{
  background: #101E44;
  border: none;
  color: #fff;
  padding: 9px 0;
  width: 30%;
  font-size: 16px;
  font-weight: 500;
  margin:0;
}
.singlebox {
  padding: 15px;
  border: 1px solid #eee;
  overflow: hidden;
}
.singlebox .adminbox {
  clip-path: none;
  padding: 15px;
}
#sidebar aside{
  position: relative;
  background: #f2f2f2;
}
#sidebar aside:after {
  content: '';
  height: 3px;
  background: #101E44;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
}
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a {
  color: #707070;
  font-size: 15px;
}
#sidebar ul li a:hover {
  color: #101E44;
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li {
  border-bottom: solid 1px #ddd;
  margin-top: 0;
  padding: 9px 0;
}
#sidebar li:before {
  content: '\f0ad';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  color: #101E44;
}
#sidebar .tagcloud a{
  background: transparent;
  color: #707070;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background: #101E44;
  color: #fff;
}
.widget figure.gallery-item {
  display: inline-block;
  width: 31%;
  margin-right: 12px;
}
.widget figure.gallery-item:nth-child(3n) {
  margin-right: 0;
}

/* Main Content Css */
.main-content h1{
  font-size:32px;
  color: #000;
  font-weight: bold;
}
/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: #ccc;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover,.pagination .current{
  background: #101E44;
  color: #fff;
}
.main-content .pagination ul{
  margin:0;
  clear:both;
}
.main-content .pagination ul li{
  margin:0;
}
/*copyright css*/
.footersec aside.widget {
  margin-bottom: 30px;
  margin-top: 10%;
}
.footersec form.search-form label {
  width: 100%;
  margin-bottom: 10px;
}
.footersec form.search-form input[type="search"] {
  padding: 8px;
}
.footersec input[type="submit"] {
  margin-top: 0;
  padding: 8px 10px;
  background: #101E44;
  color: #fff;
  width: 100%;
}
.tagcloud a:hover {
  background: #101E44;
  color: #fff;
}
.tagcloud a {
  color: #fff;
  border: solid 1px;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0px 5px;
  display: inline-block;
}
.footersec td#prev a {
  color: #fff;
}
.footersec caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footersec table,.footersec th,.footersec td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footersec td {
  padding: 10px;
  color: #fff;
}
.footersec th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footersec select {
  padding: 8px 5px;
}
.widget li a,aside#categories-5 li a {
  color: #868686;
  font-size: 16px;
}
.footersec .widget li {
  list-style: none !important;
  margin-top: 14px;
  color: #fff;
}
.widget_text p {
  color: #fff;
  font-size: 18px;
}


/*footer*/
/*==========*/
#footer-section {
 background: url('./assets/images/footershape.jpg') no-repeat;
  /* background:#fff; */
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 40px 0;
  padding: 2em 0 2em 0;
}
#footer-section .footer-overlay{
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
  background: #000;
  /* opacity: 0.8; */
}

#footer-section h1, #footer-section h2, #footer-section h3, #footer-section h4, #footer-section h5, #footer-section h6, #footer-section p, #footer-section a {
  color: #fff;
}
#footer-section .footersec {
    position: relative;
    margin-top: 0em;
}
#footer-section a, #footer-section .logo a, #footer-section .logo p {
  color: #fff;
}
#footer-section .logo {
  padding: 30px !important;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
#footer-section .current-menu-item:before{color: #002465;}
#footer-section .current-menu-item a{color: #002465;}

.footersec, #footer-section .logo, .copyright {
  position: relative;
  z-index: 99;
}
#footer-section .copyright p {
    color: #fff;
}
#footer-section li:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    font-size: 16px;
    top: 0px;
    position: relative;
    /* transform: rotate(45deg); */
    margin-right: 14px;
}
h3.widget-title {
  color: #000;
  font-size: 25px ;
  font-weight: 500;
  margin-bottom: 20px;
}
#footer-section h3.widget-title {
    margin-bottom: 30px;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
}
.footersec ul {
  margin: 0;
}
.copyright {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  margin: auto;
  text-align: center;
  background: rgb(255 255 255 / 25%);
  padding: 10px;
  margin-top: 50px;
}
.copyright span{
  color: #fff;
}
.copyright a, .copyright a:hover{
  color: #fff;
}
/* Pagination */
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,h1.page-title{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}
p.sorry-text {
  font-size: 17px;
  color: #333;
}
.sticky .post-wrap {
  margin-bottom: 4%;
  border: solid 10px #ddd;
  background: #eee;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
#header .fas {
  transform: scaleX(-1);
}
i.fa.fa-search {
  float: right;
  margin-top: -8.5%;
  margin-right: 12%;
  font-size: 20px;
  color: #fff;
}
input.search-field, .post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
  width: 100%;
}
input.search-submit, .post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
aside.widget{
  margin-bottom:30px;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ol{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,.comment-list .comment-content h2,.comment-list .comment-content h3,.comment-list .comment-content h4,.comment-list .comment-content h5,.comment-list .comment-content h6{
  margin-top:15px;
}
.blog-post-repeat{ 
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
}
/*video*/
.entry-video iframe {
  width: 100%;
}

/* Responsive Media */
/*===================*/
@media screen and (max-width: 1500px) {
 #slider .slider-content{width: 62%;}
 #slider .slide-brd {  top: 16%;}
}
@media screen and (max-width: 1299px){


}

@media screen and (max-width: 1199px){
  .logo h1, .logo p.site-title {font-size: 20px;}
  #header .contactusbtn a { padding: 8px 6px; font-size: 16px;}
  #slider .splide__arrow--prev { left: 15%;}
  #slider .splide__arrow--next {  right: 15%;}
  .bannerprofileimg:before { width: 260px; height: 260px;}
  #aboutus .conbx { margin: 1em 0 0 0;}
  #aboutus .conbx h5 { font-size: 24px; line-height: 1.2; margin: 10px 0;}
  #aboutus .conbx p { font-size: 16px;margin: 12px 0;line-height: 30px;}
  #aboutus .list li {  font-size: 18px;}
  #aboutus .abtbtn { margin: 20px 0 4px 0;}
  #aboutus .abtbtn a { padding: 6px 20px; font-size: 16px;}
}

@media screen and (min-width: 1000px) {
  .footersec td,.footersec th{
    padding: 5px;
  }
}
@media screen and (max-width: 1024px){
  .header-box{width: 100%;}
  #slider .slider-content h2 { font-size: 50px;}
  #thumbnail_slider { bottom: 2em;}
  #services .imagebx img {  height: 350px;}
  
}

@media screen and (max-width: 1000px){
  /* .menu-section.text-lg-center { display: none;}
  .menu-section.text-lg-center.rightsidemenu{display: block;} */
  .primary-navigation ul { margin: 0 5px;}
  .primary-navigation ul li ul li a {  padding-left: 0px !important;}
  #thumbnail_slider {  display: none;}
  #slider .slide-brd{display: none;}
  #slider .slider-content {  width: 80%;}
  .header-box{position: relative; top: 0em;}
 
  .menubar .primary-navigation ul li a:focus,a.closebtn.responsive-menu:focus{
    outline: 1px solid #101E44;
    border-bottom: 1px solid #101E44;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    text-align: right;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
    background: #002465;
    padding: 8px 10px;
    border-radius: 3px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    margin: 0px 0;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 2em;
    right: 0;
    background-color: #101010;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    box-shadow: -3px 0px 10px 0px #000;
  }
  body.mobilemenu-open .sidebar{
    visibility: visible;
    width: 250px;
    transition: 0.5s;
  }
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 30px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {   width: 100%;}
  .home header.banner {top: 0em;}
  .home #header {position: relative; text-align: center;}
  #header .menu-section {  padding-top: 0;}

.toggle-menu {
    display: block;
    position: relative;
}
  .primary-navigation ul ul li,.primary-navigation li, .primary-navigation ul li ul,.primary-navigation ul li ul ul{
    display: block !important;
  }
  .primary-navigation ul ul {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .sf-arrows .sf-with-ul:after, .sf-arrows ul .sf-with-ul:after {
    top: 10px;
    right: 12px;
  }
  .primary-navigation ul li a{
    padding: 10px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }  
  .primary-navigation ul li ul, .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    border:none;
  }
  .primary-navigation li{
    padding: 0;
  }
  #menu-sidebar {
    display: inline;
  }
  .primary-navigation ul ul a{
    color:#fff;
    background: none;
  }
  .primary-navigation ul ul a:hover{
    background: none;
    color: #101E44;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1000px){
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  .woocommerce a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
    margin-top: 8px !important;
    margin-bottom: 0;
  }
  .inner-head {
    padding: 16% 0 5%;
  }
}

@media screen and (max-width:991px){
  /* .menu-section.text-lg-center { display: none;}
  .menu-section.text-lg-center.rightsidemenu{display: block;} */
  .menubox { padding: 0px 0;}
  .bottom-head { padding: 10px 0em 4px 6px;}
  .toggle-menu{  position: relative;}
  #slider .slider-content {  width: 90%;}
  #slider .slider-content h2 { font-size: 34px;}
  #services { padding: 2em 0 2em 0;}
  #services .services-head { margin: 0 auto 2em;}
  #services .content h2 { margin: 10px 0 10px;}
  #services .content p{font-size: 16px;}
  #services .bttn a{font-size: 16px;}
   #aboutus { padding: 2em 0 2em;}
  #aboutus .conbx {  padding: 0 15px 0 15px;}
  .bannerprofileimg:before { width: 310px; height: 310px; }
  .toggle-menu {
    left: 450px;
    z-index: 99;
  }
}

@media screen and (max-width: 786px){
  .page-template-home-custom #header {
    padding-right: 0;
  }

 
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .entry-content .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 48% !important;
  }
  .woocommerce ul.products.columns-4 {
    display: block;
  }
  .footersec td,.footersec th, #sidebar td,#sidebar th, span.meta-nav{
    padding: 0px;
  }
  #sidebar form.search-form label{
    float: none;
  }
  #sidebar input[type="submit"], #sidebar form.search-form label{
    width: 100%!important;
  }
 
  .widget figure.gallery-item {
    width: 46%;
  }
  .widget figure.gallery-item:nth-child(3n) {
    margin-right: 12px;
  }
  .widget figure.gallery-item:nth-child(2n) {
    margin-right: 0;
  }
 /* .menu-section {
    position: static;
    */margin: 0;
  }
}

@media screen and (max-width:720px) {
  .entry-content .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .main-content #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  #sidebar td{
    padding: 6px;
  }
  span.meta-nav{
    padding: 0px;
  }
  .singlebox{
    margin: 0 10px;
  }
  .pagination{
    float:none;
  }
  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  .page-template-home-custom #header:after, .single #header:after, .page-template-default #header:after {
    display: none;
  }
  .menu-section {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .header-box { padding: 10px 0px 10px;}
  .logo h1, .logo p.site-title { font-size: 18px;}
  #aboutus .abt-imgbx { width: 100%;}
  #aboutus .conbx {   width: 100%; }

  .toggle-menu {
    left: 425px;
    z-index: 99;
  }
}

@media screen and (max-width: 600px) {
  
}

@media screen and (max-width: 575px) {
  #header .l-menu{width: 2%;}
  #header .R-menu{width: 15%;}
  #header .logobx-out { text-align: center;  width: 75%;}
  #header .phonenum { display: block; text-align: center;}
  #header .email {display: block;margin: 3px 0; text-align: center;}
  #header .socialicons { text-align: center; margin: 0.10em 0;}
  #slider .slider-content h2 { font-size: 28px;}
  .toggle-menu {
    left: 385px;
    z-index: 99;
  }
}

@media screen and (max-width: 475px){
#slider .slider-content h2 {font-size: 24px;}
#slider .slider-content p { font-size: 16px;}
#slider .R_more a { padding: 4px 16px; font-size: 16px;}

}

@media screen and (max-width: 420px) {
  .toggle-menu {
    left: 337px;
    z-index: 99;
  }
}

@media screen and (max-width: 375px) {
  #slider .slider-content .brd1{display: none;}
#header .contactusbtn a {
    padding: 9px 6px;
    font-size: 12px;
  }
  .toggle-menu {
    left: 290px;
    z-index: 99;
  }
}