/*Extra small device (XS-More refine)*/

@media (min-width: 480px) {}


/*Extra small device (XS)*/

@media (max-width: 1199px) {
    ul#menu a {
        padding: 10px 18px 10px 8px;
        font-size: 18px;
    }
    .header {
        padding-right: 15px;
    }
    .buyNowInner ul li {
        width: 33%;
    }
}


/*Small device (SD)*/

@media (max-width: 991px) {
    .textRgt {
        padding-right: 0;
    }
    .topTxtLeft,
    .experience .textRgt.textRgt2 {
        padding-left: 0;
    }
    .header {
        padding-right: 15px;
    }
    ul#menu a {
        padding: 10px 11px 10px 4px;
        font-size: 16px;
    }
    .footerSocial {
        padding-right: 0;
    }
    .chairClassInner {
        right: 0;
    }
    .cartDiv {
        padding-right: 0;
    }
    .buyNowInner {
        padding-left: 0;
        padding-right: 0;
    }
    
    
    .stoolSlider .owl-theme .owl-controls .owl-buttons div{
        position: relative;
        font-size: 0;
        background: none;
        width: 14px;height: 36px;
        position: absolute;
         background-repeat: no-repeat;
    }
    .stoolSlider .owl-theme .owl-controls .owl-buttons div.owl-prev{
        background-image: url(../images/owlLftArrow.png);
        top: 35%;left: 1px;
    }
       .stoolSlider .owl-theme .owl-controls .owl-buttons div.owl-next{
        background-image: url(../images/owlRgtArrow.png);
        top: 35%;right: 1px;
    }
    .stoolSlider .owl-theme .owl-controls .owl-page span{
        width: 16px;height: 16px;
        opacity: 1;
    }
    .stoolSlider .owl-theme .owl-controls .owl-page.active span{
 -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
    }
}


/*Medium device (MD)*/

@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .banner {
        height: 205px;
        overflow: hidden;
    }
    .banner img {
        position: relative;
        /* width: auto; */
        width: 100%;
        height: 100%;
        max-width: inherit;
        object-fit: cover;
    }
    .home.banner img {
        object-position: left;
    }
    /* .banner.homeBan img {
        left: -45%;
    } */
    .header {
        padding-right: 20px;
        padding-top: 6px;
        padding-bottom: 8px;
    }
    .logo {
        width: 80px;
        height: 56px;
    }
    ul.topRgt {
        margin-left: 0;
        padding-top: 12px;
    }
    .navigationWide {
        padding-top: 0;
    }
    .cartDiv {
        padding-right: 0;
    }
    .socialInner {
        margin-left: -4px;
    }
    .socialInner a {
        vertical-align: top;
        margin-left: 0;
        background-repeat: no-repeat;
    }
    .socialInner a {
        width: 21px;
        height: 24px;
    }
    .socialInner a.fb {
        background-position: -8px -86px;
    }
    .socialInner a.twit {
        background-position: -29px -86px;
    }
    .socialInner a.fb:hover {
        background-position: -50px -86px;
    }
    .socialInner a.twit:hover {
        background-position: -71px -86px;
    }
    .cartDiv a {
        font-size: 12px;
    }
    .headerBtn {
        font-size: 13px;
        padding: 6px 10px 7px 10px;
    }
    .bannerBottom h1 {
        font-size: 18px;
        margin-top: 22px;
    }
    .bannerBottom h2 {
        font-size: 40px;
        line-height: 19px;
        margin-bottom: 20px;
    }
    .bannerBottom p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 13px;
    }
    .textRgt h3 {
        font-size: 16px;
        margin-top: 23px;
        margin-bottom: 18px;
    }
    .textRgt p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 22px;
    }
    .chairClassInner {
        width: 117px;
    }
    .chairClassInner img {
        max-width: 100%;
    }
    .chairClassInner {
        top: -55px;
        right: -8px;
        left: auto;
    }
    .videoBottom h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .footerMenu li a {
        font-size: 14px;
    }
    .footerBottom ul li,
    .footerBottom ul li a {
        font-size: 10px;
    }
    .videoInner iframe {
        height: 186px;
    }
    .cartDiv span.counter {
         width: 20px;
    height: 20px;
    font-size: 11px;
    margin-left: 4px;
    }
    .cartDiv a img {
        width: 24px;
        margin-right: 4px;
    }
    .headerTop {
        padding: 6px 0 2px 0;
    }
    .banner {
        border-bottom: 5px solid #202020;
    }
    .topTxtLeft,
    .experience .textRgt.textRgt2 {
        padding-left: 0;
    }
    .textRgt {
        padding-right: 0;
    }
    .experience {
        padding: 0 0 25px 0;
    }
    .lftImg {
        margin-left: -20px;
        margin-right: -20px;
    }
    .bannerBottom {
        padding-bottom: 9px;
    }
    .viderSection {
        padding: 15px 0;
        margin-bottom: 25px;
    }
    .videoBottom {
        border-width: 5px;
        padding: 20px 0 22px 0;
    }
    .experience .textRgt.textRgt2 {
        padding-top: 25px;
    }
    .footerSocial {
        display: none;
    }
    .footerMenu li {
        display: block;
        text-align: center;
    }
    .footerMenu {
        width: 100%;
    }
    .footerMenu li a {
        padding-right: 0;
    }
    .footerBottom ul li {
        margin-right: 14px;
        position: relative;
        display: inline-block;
        float: none;
    }
    .footerBottom ul li:last-child {
        margin-right: 0;
    }
    .footerBottom ul li:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 6px;
        background-color: #5b5b5b;
        left: -7px;
        top: 8px;
    }
    .footerBottom ul li:first-child:before {
        display: none;
    }
    .footerBottom ul li a {
        padding-right: 0;
    }
    .footerBottom ul {
        text-align: center;
    }
    .footer {
        padding-top: 1px;
        padding-bottom: 9px;
    }
    .footerBottom {
        padding: 0;
    }
    .homeTxtrgt {
        padding-top: 25px;
    }
    /*------about----*/
    .innerTextRgt h2 {
        font-size: 18px;
        margin-bottom: 22px;
        margin-top: 23px;
    }
    .videoBottom.innerVideoBottom h2 {
        font-size: 18px;
    }
    .textRgt.innerTextRgt {
        margin-bottom: 25px;
    }
    /* .banner.aboutBan img {
        left: -45%;
    } */
    .experience.aboutExperience {
        padding-bottom: 0;
    }
    .textRgt.innerTextRgt h3+p {
        margin-bottom: 17px;
    }
    /*------about end---*/
    /*-----blog-------*/
    .blogImg {
        display: none;
    }
    .blogUl li h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .blogUl li p,
    .blogUl li span,
    .blogUl li a.blogReadMore {
        font-size: 14px;
    }
    .blogWrapper h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .blogUl li p {
        line-height: 18px;
        margin-bottom: 22px;
    }
    .blogWrapper {
        padding-top: 22px;
    }
    .blogUl li {
        padding-top: 15px;
        padding-bottom: 24px;
    }
    .blogUl li span {
        margin-top: 3px;
        margin-bottom: 11px;
    }
    .blogUl li a.blogReadMore {
        padding: 6px 7px 6px 9px;
    }
    /*-------blog end------*/
    /*--------buy now-------*/
    .banner.buyNowBan {
        height: auto;
    }
    .buyNowInner ul li {
        width: 100%;
        margin-bottom: 25px;
    }
    .buyNowInner,
    .borderDiv {
        padding: 0;
    }
    .buyNowTop h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .buyNowTop p,
    .buyNowCatTxt p {
        font-size: 14px;
        line-height: normal
    }
    .buyNowTop p {
        margin-bottom: 15px;
    }
    .buyNowUl {
        display: none;
    }
    .toggle-icon-two:after {
        content: "";
        display: inline-block;
        background-image: url(../images/closeArrow.png);
        width: 11px;
        height: 7px;
        position: relative;
        top: -3px;
        right: -7px;
        transition: ease all 0.5s;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .toggle-icon-two {
        position: relative;
    }
    .toggle-icon-two.cross:after {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        /*
    border-top: 6px solid transparent;
    border-left: 7px solid #f00;
    border-bottom: 6px solid transparent;
*/
    }
    .buyNowInner h3,
    .buyCatagory h4,
    .buyNowVideo h3 {
        font-size: 16px;
    }
    .buyNowVideo h3 {
        line-height: 18px;
        margin-top: 6px;
        margin-bottom: 23px;
    }
    .buyNowBtn {
        font-size: 13px;
        padding: 5px 9px 4px 9px;
        margin-bottom: 2px;
    }
    /*
    .buyNowVideoInner iframe {
        height: 180px;
    }
*/
    .buyNowTop {
        padding-top: 17px;
        padding-bottom: 8px;
    }
    .buyNowBd {
        padding-top: 23px;
        padding-bottom: 9px;
    }
    .borderDiv {
        padding-top: 9px;
        padding-bottom: 23px;
    }
    hr {
        height: 1px;
    }
    .buyNowVideo {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .buyNowVideoInner {
        margin-left: -20px;
        margin-right: -20px;
        background: rgba(0, 0, 0, 1);
        box-sizing: border-box;
        display: block;
        width: auto;
        padding-top: 64%;
        position: relative;
    }
    .buyNowCatTxt {
        padding-top: 0;
        padding-bottom: 8px;
    }
    /*popup*/
    .buyNowModal .modal-body h4 {
        font-size: 16px;
    }
    .modalRgtTxt h3 {
        font-size: 13px;
        margin-bottom: 4px;
        margin-top: 6px;
    }
    .modalRgtTxt p,
    .modalRgtInner {
        font-size: 14px;
    }
    .modalLftImg {
        width: 75px;
    }
    .modalRgtInner {
        text-align: right;
        padding-top: 1px;
    }
    .modalLft,
    .modalRgt {
        width: 100%;
    }
    .buyModalInner {
        position: relative;
        padding-top: 16px;
        padding-bottom: 12px;
    }
    .closeDiv {
        position: absolute;
        top: 0;
        right: 0;
    }
    .qntBorder input,
    .totalCost span {
        font-size: 12px;
    }
    .qntBorder {
        width: 30px;
        height: 20px;
    }
    .buyNowModal .modal-body {
        padding: 12px 9px 4px 8px;
    }
    .modalRgtTxt p {
        margin-bottom: 2px;
    }
    .closeDiv a {
        width: 25px;
        height: 25px;
    }
    .closeDiv a img {
        max-width: 100%;
    }
    .buyNowModal .modal {
        padding-left: 10px;
        padding-right: 10px;
    }
    .buyNowModal .modal-footer button,
    .buyNowModal .modal-footer a {
        font-size: 13px;
        padding: 6px 9px 8px;
    }
    .buyNowModal .modal-footer a {
        margin-left: 3px;
    }
    .totalCost {
        padding-bottom: 7px;
    }
    .buyNowModal .modal-footer {
        padding-bottom: 12px;
        padding-right: 9px;
        padding-left: 9px;
    }
    .buyNowModal .modal-dialog {
        border-width: 3px;
    }
    /*--------buy now end---*/
    /*---blog post-----*/
    .blogPostWrapper h3 {
        font-size: 16px;
        margin-bottom: 21px;
    }
    .blogPostWrapper h2 {
        font-size: 18px;
    }
    .blogPostBd span,
    .blogPostBd p,
    .blogPostBd p span {
        font-size: 12px;
        line-height: normal;
    }
    .postImg {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        max-width: inherit;
    }
    .blogPostWrapper {
        padding-top: 23px;
    }
    .blogPostBd {
        padding-top: 18px;
        padding-bottom: 6px;
    }
    .blogPostBd span {
        padding-top: 18px;
        padding-bottom: 14px;
    }
    .blogPostBd p {
        margin-bottom: 16px;
    }
    /*---blog post end-----*/
    /*------contact---------*/
    .contact p {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .contact {
        padding-top: 10px;
        padding-bottom: 3px;
    }
    /*-------contact end----*/
    /*---------the dock stool-----*/
    .stoolWrapper h2{
        font-size: 18px;
            margin-bottom: 20px;
    }
    .stoolWrapper p{
        font-size: 14px;
        line-height: normal;
            margin-bottom: 14px;
    }
    .avalHeading h3{
        font-size: 16px;
        width: 100%;
        margin-top: 5px;
        
    }
    .avalHeading a{
        font-size: 13px;
        float: left;
        padding: 6px 9px 8px;
        position: relative;
        z-index: 1001;
    }
    
    .stoolWrapper{
        padding-top: 3px;
            padding-bottom: 8px;
    }
    .stoolSlider{
        margin-top: -46px;
    }
    .stoolSlider .owl-theme .owl-controls{
        margin-top: -7px;
    }
    .stoolSlider .owl-theme .owl-controls .owl-page span{
        margin-bottom: 15px;
            margin-left: 2px;
    margin-right: 2px;
    }
/*
    .stoolSlider  .owl-controls{
        display: block !important;
    }
*/
    /*---------the dock stool end-----*/
/*------------checkout----------*/
    .checkOutOuter img{
        display: none;
    }
    .frmOuter .frmLft{
        width: 28.57%;
    }
    .frmOuter .frmRgt{
        width: 71.43%;
    }
    .checkOutOuter h2{
        font-size: 18px;
            margin-bottom: 21px;
    }
    .checkOutOuter h3{
        font-size: 16px;
    }
    .checkFrm label,.totalDiv span,.checkOutBottom p{
        font-size: 12px;
    }
    .checkOutBottom a{
        font-size: 13px;
            padding: 6px 10px 8px 10px;
    }
    .checkFrm .frmRgt.phInput input{
        width: 31.5%;
        margin-right: 3%;
    }
    .checkFrm .frmRgt.phInput input:last-child{
         width: 31%;
        margin-right: 0;
    }
    .checkOutOuter {
    padding-top: 23px;
}
    .checkFrm{
        padding-top: 0;
    }
    .checkOutBottom {
        padding-top: 9px;
            padding-bottom: 25px;
    }
    .totalDiv {
    padding-bottom: 0;
}
    .checkOutBottom p{
        text-align: left;
        line-height: normal;
        padding-top: 17px;
            padding-bottom: 2px;
    }
    .checkOutBottom .totalDiv:last-child{
        text-align: center;
    }
/*-----------checkout end---------*/
/*------------cart---------------*/
    .checkOutOuter.cartOuter img{
        display: block;
    }
    .cartBd .modalRgt{
        padding-top: 0;
    }
    .cartBd .modalRgtTxt,.cartBd .modalRgtInner,.cartBd .closeDiv .totalPrice{
        width: 100%;
    }
    .cartBd .modalRgt
    {
            padding-left: 14px;
    }
    .cartBd .modalRgtInner{
        padding-top: 0;
        text-align: left;
    }
    .cartBd .closeWrapper{
        width: 100%;
        text-align: right;
    }
    .cartOuter.checkOutOuter h3{
        font-size: 13px;
    }
    .cartOuter.checkOutOuter h2 {
    margin-bottom: 8px;
}
    .cartBd  .totalPrice,.cartBd .modal-footer p{font-size: 14px;}
    .cartBd .buyModalInner{    
        padding-top: 8px;
            padding-bottom: 8px;
    }
    .cartBd .modalRgtTxt{
        padding-bottom: 4px;
    }
    .cartBd  .totalPrice{
        padding-top: 7px;
    }
    .cartBd{
        padding-right: 10px;
        padding-left: 10px;
    }
    .cartBd .qntBorder{
        margin-left: 5px;
        width: 30px;
    }
    .cartBd .modal-footer{
        padding-top: 3px;
        padding-bottom: 25px;
        padding-left: 0;
    }
    .cartBd .modal-footer p{
            padding-top: 2px;
        line-height: normal;
        text-align: left;
        margin-bottom: 15px;
    }
    .cartBd .modal-footer button, .cartBd .modal-footer a{
            font-size: 13px;
    padding: 6px 9px 8px;
    }
    .catBtn{
        text-align: center;
    }
    .cartBd .qntBorder .stepper span{
        width: 10px;height: 10px;
        right: 0;
    }
    .cartBd .qntBorder .stepper span:before{
        width: 10px;height: 9px;
    }
    .cartBd .qntBorder .stepper span.down2 {
    top: 9px;
}
    .cartBd .qntBorder input {
    padding-right: 14px;
    padding-top: 1px;
}
    
/*--------------cart end----------*/
/*--------------thank you---------*/
    .thank_youBd h3{
        font-size: 16px;
            margin-top: 23px;
            margin-bottom: 7px;
    }
    .thank_youBd p{
        font-size: 12px;
        line-height: normal;
    }
    .thank_youBd h4{
        margin-bottom: 6px;
    }
    .thank_youBd h4 a{
        font-size: 13px;
        margin-top: 11px;
        margin-bottom: 0px;
    }
    .thank_youBd img{
        width: 100px;height: 100px;
    }
    .thank_youBd{
            padding-top: 15px;
        padding-bottom: 17px;
    }
    .thankUSocial{
        padding-top: 2px;
    }
/*--------------thank you end-----*/
/*----------------empty cart-------*/
.emptyCart h4{
    font-size: 16px;
}
.emptyCart {
    padding-bottom: 120px;
    padding-top: 0;
}


/*---------empty cart end-------*/
    
}

@media(max-width:767px) and (orientation:landscape) {
    .banner.aboutBan img,
    .banner.homeBan img {
        left: 0;
        width: 100%;
    }
    
}

@media (min-width: 768px) {
    /*pop up*/
    .buyNowModal .modal-dialog {
        max-width: 570px;
    }
}