/*----------------------Mobile Menu Icon------------------------------*/

.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 10px;
}

/*----------------------------------------------- media section ----------------------------------------*/
  /* mobile media */
    @media only screen and (min-width: 320px) and (max-width: 720px){
      #Contact-Us .wpcf7 input[type="text"], #Contact-Us .wpcf7 input[type="email"], #Contact-Us .wpcf7 input[type="tel"]{
        width: 100%;
      }
      .position-fixed{
        position: fixed !important;
      }
      #menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        height: 100%;
        background: black;
        z-index: 5;
      }
      #menu ul {
        margin: 0;
        padding: 0;
      }
      #menu ul li {
        margin: 0 10px;
        list-style: none;
        display: block;
        line-height: 30px;
      }
      #menu ul li a:hover{
        color: white !important;
      }
      #menu ul li.active {
        background: #fbce52;
      }
      #menu ul li a {
        padding: 6px 0;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-property: all;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        -ms-transition-property: all;
        -ms-transition-duration: 0.1s;
        -ms-transition-timing-function: ease-out;
        -o-transition-property: all;
        -o-transition-duration: 0.1s;
        -o-transition-timing-function: ease-out;
        transition-property: all;
        transition-duration: 0.1s;
        transition-timing-function: ease-out;
      }
      #menu ul li:hover {
        border-bottom: 1px solid #000;
      }
      #menu ul li a:hover {
        color: #000;
      }
      .menu_icon {
        display: block !important;
        position: absolute;
        bottom: -6px;
        right: 30px;
      }
      .search-bottom-border input#woocommerce-product-search-field-0{
        width: 77%;
      }
      .order-box-1{
        order: 2;
      }
      .order-box-2{
        order: 1;
      }
      .slider-text-position{
        position: static;
      }
      .owl-next,.owl-prev{
        position: relative;
        margin-right: 20px;
      }
      #carousel-slider-section img{
        margin-left: 10%;
      }
      #carousel-slider-section .rounded-circle{
        position: absolute;
        top: 14%;
        right: 2%;
        height: 140px ;
        width : 140px ;
      }
      .font-medium{
        margin-top: 4px;
      }
      #carousel-slider-section td{
        width: 60px;
      }
      .font-large{
        font-size: 3rem;
      }
      #carousel-slider-section h1{
        font-size: 2.5rem;
      }
      .countdown{
        left: 8%;
      }
      .countdown-number{
        font-size: 20px;
        font-weight: 500;
      }
      .best-deal-position{
        top: 22%;
        width: 145px;
      }
      .position-left{
        padding: 0 .5rem;
      }
      .comment-icon{
        display: block;
      }
      .support-bg-img{
        background-position : 45% 50%;
      }
      #Contact-Us .wpcf7 input[type="text"],#Contact-Us .wpcf7 input[type="email"],#Contact-Us .wpcf7 input[type="tel"]{
        width: 100%;
      }
      .content_page .container{
        width: 100%;
      }
      .page-template-page-templatepage-with-left-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper,.page-template-page-templatepage-with-right-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper{
        position: absolute;
        top: -440px;
        left: 10px;
      }
      #sidebar label{
        right: 108px;
      }
      .countdown .border-rounded{
        width: 87%;
        height: 80px;
      }
      .countdown .border-rounded{
        min-width: 320px;
      }
      .position-days{
        position: absolute;
        top: 43px;
        left: 12%;
      }
      .position-hours{
        position: absolute;
        top: 43px;
        left: 30%;
      }
      .position-minutes{
        position: absolute;
        top: 43px;
        left: 45%;
      }
      .position-seconds{
        position: absolute;
        top: 43px;
        left: 63%;
      }
    }

  /*Tablet Media */
    @media only screen and (min-width: 721px) and (max-width: 900px){
      #Contact-Us .wpcf7 input[type="text"], #Contact-Us .wpcf7 input[type="email"], #Contact-Us .wpcf7 input[type="tel"]{
        width: 100%;
      }
      .position-fixed{
        position: fixed !important;
      }
      #menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        height: 100%;
        background: black;
        z-index: 5;
      }
      #menu ul {
        margin: 0;
        padding: 0;
      }
      #menu ul li {
        margin: 0 10px;
        list-style: none;
        display: block;
        line-height: 30px;
      }
      #menu ul li.active {
        background: #fbce52;
      }
      #menu ul li a {
        padding: 6px 0;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-property: all;
        -moz-transition-duration: 0.1s;
        -moz-transition-timing-function: ease-out;
        -ms-transition-property: all;
        -ms-transition-duration: 0.1s;
        -ms-transition-timing-function: ease-out;
        -o-transition-property: all;
        -o-transition-duration: 0.1s;
        -o-transition-timing-function: ease-out;
        transition-property: all;
        transition-duration: 0.1s;
        transition-timing-function: ease-out;
      }
      #menu ul li:hover {
        border-bottom: 1px solid #000;
      }
      #menu ul li a:hover {
        color: #000;
      }
      .menu_icon {
        display: block !important;
        position: absolute;
        bottom: -6px;
        right: 30px;
      }
      .search-bottom-border input#woocommerce-product-search-field-0{
        width: 76%;
      }
      .order-box-1{
        order: 2;
      }
      .order-box-2{
        order: 1;
      }
      .owl-next,.owl-prev{
        position: relative;
        margin-right: 20px;
      }
      .slider-text-position{
        position: static;
      }
      #carousel-slider-section img{
        margin-left: 10%;
      }
      #carousel-slider-section .rounded-circle{
        top: 30%;
      }
      .countdown{
        left: 10%;
      }
      .best-deal-position{
        left: 10%
      }
      .position-right{
        width: 220px;
      }
      .position-left{
        padding: 1.5rem;
      }
      .comment-icon{
        display: block;
      }
      .blog-content{
        display: none;
      }
      .text-custom{
        text-align: right;
      }
      .menu_icon{
        display: none;
      }
      .wp-block-latest-posts__featured-image{
        width: 100%;
        text-align: center;
      }
      #sidebar ul li a{
        padding-top: 10px;
        text-align: center;
      }
      .wp-block-group a{
        width: auto;
      }
      .wp-block-group .wp-block-latest-posts__post-date{
        position: inherit;
        text-align: center;
      }
      .content_page .container{
        width: 80%;
      }
      .page-template-page-templatepage-with-left-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper,.page-template-page-templatepage-with-right-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper{
        position: absolute;
        top: -495px;
        left: 10px;
      }
      #sidebar button[type="submit"]{
        background: url('../images/magnifying-glass.png') no-repeat scroll black 15px 10px;
      }
      #sidebar label{
        right: 50px;
      }
      .countdown .border-rounded{
        width: 80%;
      }
      .position-days{
        position: absolute;
        top: 58px;
        left: 152px;
      }
      .position-hours{
        position: absolute;
        top: 58px;
        left: 246px;
      }
      .position-minutes{
        position: absolute;
        top: 58px;
        left: 322px;
      }
      .position-seconds{
        position: absolute;
        top: 58px;
        left: 402px;
      }
    }
  /*Desktop Media */
    @media only screen and (min-width: 900px) and (max-width: 1024px){
      .search-bottom-border input#woocommerce-product-search-field-0{
        width: 82%;
      }
      .slider-text-position{
        top : 24% ;
      }
      #best-deal .col-lg-4{
        width: 50%;
      }
      .position-left{
        padding: 1.5rem;
      }
      .comment-icon{
        display: block;
      }
      .menu_icon{
        display: none;
      }
      .wp-block-latest-posts__featured-image{
        width: 100%;
        text-align: center;
      }
      #sidebar ul li a{
        padding-top: 10px;
        text-align: center;
      }
      .wp-block-group a{
        width: auto;
      }
      .wp-block-group .wp-block-latest-posts__post-date{
        position: inherit;
        text-align: center;
      }
      .content_page .container{
        width: 70%;
      }
      .page-template-page-templatepage-with-left-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper,.page-template-page-templatepage-with-right-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper{
        position: absolute;
        top: -480px;
        left: 10px;
      }
      #sidebar label{
        right: 90px;
      }
      .countdown{
        right: 130px;
      }
    }
  /*TV Media */
    @media only screen and (min-width: 1025px) {
      .search-bottom-border input#woocommerce-product-search-field-0{
        width: 80%;
      }
      .position-left{
        padding: 1.5rem;
      }
      .page-template-page-templatepage-with-left-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper,.page-template-page-templatepage-with-right-sidebar-php .columns-3 .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper{
        position: absolute;
        top: -520px;
        left: 10px;
      }
    }
@media screen and (max-width:720px) {
  select#gtranslate_selector{
    width: 52%;
  }
  .toggle-nav{
    margin: 10px auto !important;
  }
}