/* 
-----------------------------------------------------------------
            Header menubar animation style
-----------------------------------------------------------------
*/
.header .hvr-border-fade {
   box-shadow: none;
}
.hvr-underline-from-center::before {
    background: #fff;
    height: 1px;
}
.header .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid #fff !important;
    background-image: none;
    padding-bottom: 4px !important;
    box-shadow: none;
}

/* -------- main menu style ---------- */

.header .main-menubar .hvr-reveal::before {
    border-color: #fff;
}
.header .main-menubar .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    border-bottom: none;
}
.header .main-menubar .active .hvr-reveal::before {
    -webkit-transform: translateY(0); 
    transform: translateY(0);
    border-width: 4px;
}


/* ---------------------- read more btn animation style -------------------- */
.section3 .hvr-shutter-out-horizontal::before,
.green-items-box .hvr-shutter-out-horizontal::before,
.header .hvr-shutter-out-horizontal::before,
.faq-accordion .hvr-shutter-out-horizontal::before,
.shoping-cart .hvr-shutter-out-horizontal::before,
.modal-dialog  .hvr-shutter-out-horizontal::before {
    background: #fff;
    border: 2px solid #44ae5e;
    color: #44ae5e;
}
.green-items-box .hvr-shutter-out-horizontal::before{
        border: 2px solid #fff;
}

/* --------------------- green section items/exms animation style -------------------- */
.hvr-sweep-to-right::before {
    background: #44ae5e;
}



@media screen and (min-width: 1921px ){
    .footer{
        background-color: #44ae5e;
        background-image: none;
    }
    .top-white-border,
    .bottom-white-border{
        background-image: none;
    }
    .brand-section h1 {
        margin-top: 60px;
    }
    .section3 {
       margin-top: 90px;
       margin-bottom: 90px;
    }
    .features-section {
        background-position: center center !important;
    }
}
@media screen and (min-width: 1920px){
    .green-items-box {
        background-size: cover;
        padding-top: 141px;
        padding-bottom: 149px;
        color: #fff;
    }
    .green-items-box h1{
        color: #fff;
    }
    .gray-container {
/*
        background-size: 100%;
        padding-bottom: 269px;
*/
        background-position: bottom center;
    }
    .footer {
        background-size: 100%;
    }

    /* Products pages responsive style */
    .main-section1 .features-section {
       background-position: center center !important;
    }
    .cart-copy-right{
        position: absolute;
    }
}
@media only screen and (min-device-width: 240px ) and (max-device-width: 319px){
    .main-menubar .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-menubar .navbar-toggle{
        margin-right: 0px;
    }
    .logo-item img {
        margin-top: 7px !important;
        width: 137px !important;
        margin-left: 0px !important;
    }
    .main-menubar .navbar-nav{
        float: initial !important;
    }
    .footer .footer-para{
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-logo{
        margin: 0 auto;
        float: initial;
    }
    .footer .input-group .form-control {
        padding: 11px 5px;
        height: auto;
        font-size: 12px;
    }
    .modal-dialog .btn-read-more {
        font-size: 11px;
    }
    .all-items .col-xs-6{
        width: 100%;
    }
    .error-home-btn{
        margin-bottom: 10px;
    }
    .error-btn-block .btn{
        font-size: 14px;
    }
    .shopping-cart-logo{
        width: 100% !important;
    }
    .shopping-cart-logo img{
        margin: 0 auto;
        display: block;
        margin-left: auto !important;
    }
    .stepwizered .btn-primary {
        margin: 30px 42px !important;
        margin-top: 16px !important;
    }
    .cart-copy-right {
        position: initial;
    }
    .cart-copy-right{
        position: initial;
    }
    .panel-title {
        text-align: center;
        margin-bottom: 10px;
    }
    .cart-panel-group img{
        float: initial !important;
        position: initial;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .mcafee-img{
        width: 100%;
    }
    .mcafee-img img{
        display: block;
        margin: 0 auto;
        float: initial !important;
    }
    .checkout-para{
        width: 100%;
        margin: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .checkout-para p{
        text-align: center;
    }
    .checkout-btn {
        float: initial !important;
        margin: 0 auto;
        text-align: center;
    }
    .checkout-btn .total-due{
        float: initial !important;
        width: 100%;
        text-emphasis: center;
    }
    .checkout-btn .btn-primary{
        float: initial !important;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
    }
    .checkout-btn{
        margin-bottom: 15px;
    }
    .shopping-cart-logo{
        width: 100%;
    }
    .shopping-cart-logo img{
        margin: 0 auto;
        display: block;
    }
    .stepwizered .btn-primary {
        margin: 30px 65px !important;
        margin-top: 16px !important;
    }
    
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .header .jumbotron h1 {
        font-size: 23px;
    }
    .header .jumbotron hr {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 220px;
    }
    .header .jumbotron p {
        font-size: 12px;
    }
    .cart-plus-search-para {
        margin-top: 12px !important;
    }
    .jumbotron {
        padding-top: 9px;
        padding-bottom: 10px;
    }
    .logo-item img {
        margin-top: 0px;
        width: 213px;
    }
    .logo-item {
       top: 52px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        margin-top: 20px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        display: block;
        margin: 0 auto;
        margin-top: 23px;
    }
    .gray-container {
        background-image: none;
        padding-bottom: 10px;
        background-color: #FFF;
    }
    .section3::before{
        content: '';
    }
    .responsive-image{
        display: block;
    }
    .section3 h1 {
        font-size: 35px;
        margin-top: 39px;
        margin-bottom: 15px;
        text-align: center;
    }
    .section3 p {
        font-size: 14px;
        text-align: center;
    }
    .section3 .btn-read-more, .green-items-box .btn-read-more {
        display: block;
        margin: 0 auto;
    }
    .green-items-box {
        background-image: none;
        background-color: #44ae5e;
        padding-top: 25px;
        padding-bottom: 40px;
        color: #fff;
    }
    .green-items-box h1 {
        font-size: 20px;
        margin-bottom: 24px;
        color: #fff;
    }
    .brand-section h1 {
        margin-bottom: 24px;
        margin-top: 30px;
    }
    .footer {
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #44ae5e;
    }
    .brand-section {
        margin-bottom: 20px;
    }
    .copyright {
        padding: 0;
    }
    .copyright p {
        padding: 15px;
    }

    /* ---------------- product page style ----------------- */
    .col-xs-6 {
        width: 100%;
    }
    .main-section1 {
        margin-top: 0px;
    }
    .main-section1 .left-col .guarantee p {
        font-size: 15px;
    }
    .main-section1 .left-col h1 {
        text-align: center;
    }
    .main-section1 .left-col h2 {
        text-align: center;
    }
    .main-section1 .left-col .name, .main-section1 .left-col .name_val {
        text-align: center;
    }
    .main-section1 .left-col ul {
        margin-top: 22px;
    }
    .right-col .single-box-div h1, .right-col .single-box-div h2 {
        font-size: 27px;
    }
    .right-col .single-box-div h2, .right-col .single-box-div p {
        font-size: 14px;
    }
    .right-col .single-box-div p {
        font-size: 14px; 
    }
    .right-col .btn-demo, .right-col .btn-add-to-cart {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 16px;
    }
    .right-col hr {
        border: transparent;
        margin: 0px;
    }
    .features-section {
        background-position: center center !important;
        padding-top: 32px;
        padding-bottom: 0px;
        margin-top: 0px;
    }
    .features-section .col-lg-2 {
        width: initial;
    }
    /* ------------ testim style --------------- */
    .carousel-inner, .carousel {
        right: 0px !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;  
    }
    .timeline > li.timeline-inverted {
        padding-left: 0px !important;
    }
    .timeline-inverted .timeline-panel {
        left: 0px !important;
    }
    .carousel-inner, .carousel {
        height: 623px !important; 
        top: 22px; 
    }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: 295px !important;
        top: 0px !important;
    }
    .timeline > li:not(.timeline-inverted) {
        padding-right: 0px !important;
    }
    .timeline .timeline-panel {
        left: 0px !important;
    }
    .btn-arrow-bottom {
        left: 0px !important;
    }
    .btn-arrow-top, .btn-arrow-bottom {
        right: 0px !important;
    }
    .testim-section .review-heading {
       margin-bottom: -23px;
    }
    /* ---------------------- description section ---------------------- */
    .desc-section .desc-col {
       margin-bottom: 40px;    
    }
    .updated-sec-btn{
        width: calc(100% - 30px);
        margin-top: 31px !important;
    }
    #accordion .panel-title a {
        font-size: 14px !important;
        letter-spacing: 0 !important;
        padding-right: 30px !important;
        line-height: 18px !important;
    }

    /* ------------------------------- Cart style ------------------------- */
    .cart-table ul{
        float: right;
    }
    .cart-table ul li{
        width: 50%; 
    }
    .cart-table ul li .pull-left,
    .cart-table ul li .pull-right{
        float: initial !important;
    }
    .cart-table > tbody > tr:last-child > td:first-child > span{
        width: 50%;
    }
    .form-group-coupon{
        float: initial !important;
    }
    .table-responsive{
        margin-top: 20px;
    }
    /* ------------------------------- Vendor detail page style --------------------------------- */
    .vendor-detail-section{
        background-color: #fff;
    }

    .main-menubar ul{
        float: initial !important;
    }
    .main-menubar .navbar-toggle{
        margin-right: 0px;
    }
    .main-menubar .container{
        padding-right: 0px;
        padding-left: 0px;
    }
    .footer .footer-para{
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-logo{
        margin: 0 auto;
        float: initial;
    }
    .footer .input-group .form-control {
        padding: 11px 5px;
        height: auto;
        font-size: 16px;
    }
    .recent-box-col > a:hover::after {
        height: 29px;
    }
    .recent-section .recent-box::after {
        height: 29px;
    }
    .error-home-btn{
        margin-bottom: 10px;
    }
    .gray-container {
        background-image: none;
        padding-bottom: 50px;
        background-color: #f5f5f5;
    }
    .cart-copy-right{
        position: initial;
    }
    .panel-title {
        text-align: center;
        margin-bottom: 10px;
    }
    .cart-panel-group img{
        float: initial !important;
        position: initial;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .mcafee-img{
        width: 100%;
    }
    .mcafee-img img{
        display: block;
        margin: 0 auto;
        float: initial !important;
    }
    .checkout-para{
        width: 100%;
        margin: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .checkout-para p{
        text-align: center;
    }
    .checkout-btn {
        float: initial !important;
        margin: 0 auto;
        text-align: center;
    }
    .checkout-btn .total-due{
        float: initial !important;
        width: 100%;
        text-emphasis: center;
    }
    .checkout-btn .btn-primary{
        float: initial !important;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
    }
    .checkout-btn{
        margin-bottom: 15px;
    }
    .shopping-cart-logo{
        width: 100%;
    }
    .shopping-cart-logo img{
        margin: 0 auto;
        display: block;
    }
    .stepwizered .btn-primary {
        margin: 30px 65px !important;
        margin-top: 16px !important;
    }

}
@media only screen and (min-device-width: 400px) and (max-device-width: 480px){
    .recent-box-col > a:hover::after {
        height: 38px;
    }
    .recent-section .recent-box::after {
        height: 38px !important;
    }
    .recent-section a .btn{
        padding-top: 34px;
    }
    .recent-section .recent-box-col a {
        margin-bottom: 30px;
    }
}
@media only screen and (min-device-width: 481px ) and (max-device-width: 600px ){
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }    
}
@media only screen and (min-device-width: 481px ) and (max-device-width: 640px ){
    .main-menubar ul{
        float: initial !important;
    }
    .main-menubar .navbar-toggle{
        margin-right: 0px;
    }
    .main-menubar .container{
        padding-right: 0px;
        padding-left: 0px;
    }
    .footer .footer-para{
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-logo{
        margin: 0 auto;
        float: initial;
    }
    .footer .input-group .form-control {
        padding: 11px 5px;
        height: auto;
        font-size: 16px;
    }
    .logo-item img {
        margin-top: 0px !important;
        width: 204px;
    }
}
@media only screen and (min-device-width: 641px ) and (max-device-width: 767px ){
    .logo-item img {
        margin-top: 0px !important;
        width: 218px;
    }
    .main-menubar .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-menubar .navbar-nav{
        float: initial !important;
    }
    .main-menubar .navbar-toggle{
        margin-right: 0px;
    }
}
@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {

    .header .jumbotron h1 {
        font-size: 23px;
    }
    .header .jumbotron hr {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 220px;
    }
    .header .jumbotron p {
        font-size: 12px;
    }
    .cart-plus-search-para {
        margin-top: 12px !important;
    }
    .jumbotron {
        padding-top: 9px;
        padding-bottom: 10px;
    }
    .logo-item img {
        margin-top: 20px;
    }
    .logo-item {
       top: 52px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        margin-top: 20px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        display: block;
        margin: 0 auto;
        margin-top: 23px;
    }
    .gray-container {
        background-image: none;
        padding-bottom: 50px;
        background-color: #f5f5f5;
    }
    .section3::before{
        content: '';
    }
    .responsive-image{
        display: block;
    }
    .section3 h1 {
        font-size: 35px;
        margin-top: 39px;
        margin-bottom: 15px;
        text-align: center;
    }
    .section3 p {
        font-size: 14px;
        text-align: center;
    }
    .section3 .btn-read-more, .green-items-box .btn-read-more {
        display: block;
        margin: 0 auto;
    }
    .green-items-box {
        background-image: none;
        background-color: #44ae5e;
        padding-top: 40px;
        padding-bottom: 40px;
        color: #fff;
    }
    .green-items-box h1 {
        font-size: 20px;
        margin-bottom: 24px;
        color: #fff;
    }
    .brand-section h1 {
        margin-bottom: 24px;
        margin-top: 30px;
    }
    .footer {
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #44ae5e;
    }
    .brand-section {
        margin-bottom: 20px;
    }
    .copyright {
        padding: 0;
    }
    .copyright p {
        padding: 15px;
    }
    /* ------------------- product page style ----------------- */
    .main-section1 {
        margin-top: 0px;
    }
    .main-section1 .left-col .guarantee img {
        width: 200px;
        margin: 0 auto; 
        display: block;
        float: initial; 
    }
    .main-section1 .left-col .guarantee p {
        text-align: center;
    }
    .main-section1 .left-col h1 {
        margin-top: 18px;
        text-align: center;
    }
    .main-section1 .left-col h2 {
        text-align: center;
    }
    .main-section1 .left-col .name, .main-section1 .left-col .name_val {
        text-align: center;
    }
    .right-col .single-box-div img {
        float: initial;
        margin: 0 auto;
        margin-top: 14px;
    }
    .right-col .single-box-div h1, .right-col .single-box-div h2 {
        text-align: center;
    }
    .right-col .single-box-div p {
       text-align: center;
    }
    .right-col .btn-demo, .right-col .btn-add-to-cart {
        width: 100%;
        margin-bottom: 10px;
    }
    .right-col hr {
        margin: 0px auto;
        border: none;
    }
    .parent {
        display: initial;
        justify-content: initial;
        align-items: initial;
    }
    .center-col .form-control {
        width: 100%;
        background-position: calc(100% - 10px) center;
    }
    .features-section .col-lg-2 {
        width: initial;
    }

    .features-section .parent{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* ------------ testim style --------------- */
    .carousel-inner, .carousel {
        right: 0px !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;  
    }
    .timeline > li.timeline-inverted {
        padding-left: 0px !important;
    }
    .timeline-inverted .timeline-panel {
        left: 0px !important;
    }
    .carousel-inner, .carousel {
        height: 630px !important; 
        top: 22px; 
    }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: 295px !important;
        top: 0px !important;
    }
    .timeline > li:not(.timeline-inverted) {
        padding-right: 0px !important;
    }
    .timeline .timeline-panel {
        left: 0px !important;
    }
    .btn-arrow-bottom {
        left: 0px !important;
    }
    .btn-arrow-top, .btn-arrow-bottom {
        right: 0px !important;
    }
    .testim-section .review-heading {
       margin-bottom: -23px;
    }
    /* ---------------------- description section ---------------------- */
    .desc-section .desc-col {
        margin-bottom: 40px;    
    }
    .updated-sec-btn{
        width: calc(100% - 30px);
        margin-top: 31px !important;
    }
    #accordion .panel-title a {
        font-size: 14px !important;
        letter-spacing: 0 !important;
        padding-right: 30px !important;
        line-height: 18px !important;
    }
    /* ------------------------------- Cart style ------------------------- */
    .cart-table ul{
        float: right;
    }
    .cart-table ul li{
        width: 50%; 
    }
    .cart-table ul li .pull-left,
    .cart-table ul li .pull-right{
        float: initial !important;
    }
    .cart-table > tbody > tr:last-child > td:first-child > span{
        width: 50%;
    }
    .form-group-coupon{
        float: initial !important;
    }
    .table-responsive{
        margin-top: 20px;
    }
    /* ------------------------------- Vendor detail page style --------------------------------- */
    .vendor-detail-section{
        background-color: #fff;
    }
    .recent-box-col > a:hover::after {
        height: 29px;
    }
    .recent-section .recent-box::after {
        height: 29px;
    }
    .cart-copy-right{
        position: initial;
    }
    .mcafee-img{
        width: 100%;
    }
    .mcafee-img img{
        display: block;
        margin: 0 auto;
        float: initial !important;
    }
    .checkout-para{
        width: 100%;
        margin: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .checkout-para p{
        text-align: center;
    }
    .checkout-btn {
        float: initial !important;
        margin: 0 auto;
        text-align: center;
    }
    .checkout-btn .total-due{
        float: initial !important;
        width: 100%;
        text-emphasis: center;
    }
    .checkout-btn .btn-primary{
        float: initial !important;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
    }
    .checkout-btn{
        margin-bottom: 15px;
    }

    .center-col h4 {
        display: block;
    }
}
@media only screen and (min-device-width : 240px) and (max-device-width : 319px) {
    
    .header .jumbotron h1 {
        font-size: 18px;
    }
    .header .jumbotron hr {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 160px;
    }
    .header .jumbotron p {
        font-size: 11px;
        margin-bottom: 20px;
    }
    .cart-plus-search-para {
        margin-top: 12px !important;
    }
    .jumbotron {
        padding-top: 9px;
        padding-bottom: 10px;
    }
    .logo-item img {
        margin-top: 9px;
        width: 38px;
        margin-left: 28px;
    }
    .logo-item {
        top: 52px;
        width: 96px;
        height: 45px;
    }
    .section1 .homepage-list li a {
        color: #44ae5e;
        font-size: 12px;
        margin-top: 6px;
    }
    .section2 h1 {
        font-size: 15px;
        margin-bottom: 17px;
        text-align: center;
    }
    .green-items-box li img {
        width: 41px;
    }
    .green-items-box li a {
        font-size: 12px;
        line-height: 40px;
    }
    .extra-text-span {
        bottom: 53px;
    }
    .footer .input-group button {
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }
    .footer .input-group .form-control {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        margin-top: 20px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        display: block;
        margin: 0 auto;
        margin-top: 23px;
    }
    .gray-container {
        background-image: none;
        padding-bottom: 10px;
        background-color: #FFF;
    }
    .section3::before{
        content: '';
    }
    .responsive-image{
        display: block;
    }
    .section3 h1 {
        font-size: 35px;
        margin-top: 39px;
        margin-bottom: 15px;
        text-align: center;
    }
    .section3 p {
        font-size: 14px;
        text-align: center;
    }
    .section3 .btn-read-more, .green-items-box .btn-read-more {
        display: block;
        margin: 0 auto;
    }
    .green-items-box {
        background-image: none;
        background-color: #44ae5e;
        padding-top: 0px;
        padding-bottom: 40px;
        color: #fff;
    }
    .green-items-box h1 {
        font-size: 20px;
        margin-bottom: 24px;
        color: #fff;
    }
    .brand-section h1 {
        margin-bottom: 24px;
        margin-top: 30px;
    }
    .footer {
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #44ae5e;
    }
    .brand-section {
        margin-bottom: 20px;
    }
    .copyright {
        padding: 0;
    }
    .copyright p {
        padding: 15px;
    }
    /* ------------------- product page style ----------------- */
    .main-section1 {
        margin-top: 0px;
    }
    .main-section1 .left-col .guarantee img {
        clear: both;
        width: 100%;   
    }
    .main-section1 .left-col .guarantee p {
        text-align: center;
    }
    .main-section1 .left-col h1 {
        margin-top: 18px;
        text-align: center;
    }
    .main-section1 .left-col h2 {
        text-align: center;
    }
    .main-section1 .left-col .name, .main-section1 .left-col .name_val {
        text-align: center;
    }
    .right-col .single-box-div img {
        float: initial;
        margin: 0 auto;
        margin-top: 14px;
    }
    .right-col .single-box-div h1, .right-col .single-box-div h2 {
        text-align: center;
    }
    .right-col .single-box-div p {
       text-align: center;
    }
    .right-col .btn-demo, .right-col .btn-add-to-cart {
        width: 100%;
        margin-bottom: 10px;
    }
    .right-col hr {
        margin: 0px auto;
        border: none;
    }
    .parent {
        display: initial;
        justify-content: initial;
        align-items: initial;
    }
    .center-col .form-control {
        width: 100%;
        background-position: calc(100% - 10px) center;
    }
    .features-section .col-lg-2 {
        width: initial;
    }

    /* ------------ testim style --------------- */
    .carousel-inner, .carousel {
        right: 0px !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;
    }
    .timeline > li > .timeline-panel {
        width: 100% !important;  
    }
    .timeline > li.timeline-inverted {
        padding-left: 0px !important;
    }
    .timeline-inverted .timeline-panel {
        left: 0px !important;
    }
    .carousel-inner, .carousel {
        height: 623px !important; 
        top: 22px; 
    }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: 295px !important;
        top: 0px !important;
    }
    .timeline > li:not(.timeline-inverted) {
        padding-right: 0px !important;
    }
    .timeline .timeline-panel {
        left: 0px !important;
    }
    .btn-arrow-bottom {
        left: 0px !important;
    }
    .btn-arrow-top, .btn-arrow-bottom {
        right: 0px !important;
    }
    .testim-section .review-heading {
       margin-bottom: -23px;
    }
    /* ---------------------- description section ---------------------- */
    .desc-section .desc-col {
        margin-bottom: 40px;    
    }
    .updated-sec-btn{
        width: calc(100% - 30px);
        margin-top: 31px !important;
    }
    #accordion .panel-title a {
        font-size: 14px !important;
        letter-spacing: 0 !important;
        padding-right: 30px !important;
        line-height: 18px !important;
    }

    /* ---------------------------- Cart style --------------------------- */

    .table-responsive{
        margin-top: 20px;
    }

    .vendor-detail-section{
        background-color: #fff;
    }
    .recent-box-col {
        width: 100%;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
    .sidebar-items h1, .vender-detail-content h1 {
        padding-left: 15px;
    }
    .vendor-detail-section{
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }
    .logo-item img{
        top: 56px;
        width: 140px;
        margin-top: 10px;
    }
    .section1 .homepage-list, .section1 .section1-img img, .features-list {
        margin-top: 33px;
    }
    .section2 {
        margin-top: 17px;
    }
    .gray-container {
        padding-bottom: 95px;
    }
    .section3::before{
        content: "";
    }
    .responsive-image{
        display: block;
        margin-top: 0px;
    }
    .section3 h1 {
        text-align: center;
        margin-top: 45px;
    }
    .green-items-box {
        padding-top: 139px;
        padding-bottom: 150px;
        color: #fff;
    }
    .section3 {
        margin-bottom: 30px;
    }
    .custom-brand-section {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    .brand-section{
        margin-bottom: 20px;
    }
    .brand-section .item{
        margin-left: 20px;
        margin-right: 20px;
    }
    .footer{
        background-image: none;
        background-color: #44ae5e;
        padding-top: 50px;
    }

    /* ---------------------- product page style ---------------------- */
    /* .features-section .col-lg-2 {
        width: initial;
    } */
    /* ------------------------------- Cart style ------------------------- */
    .cart-table ul{
        float: right;
    }
    .cart-table ul li{
        /* width: 50%;  */
    }
    .cart-table ul li .pull-left,
    .cart-table ul li .pull-right{
        float: initial !important;
    }
    .cart-table > tbody > tr:last-child > td:first-child > span{
        width: 50%;
    }
    .form-group-coupon{
        /* float: initial !important; */
    }
    .table-responsive{
        margin-top: 20px;
    }
    .footer .input-group .form-control {
        padding: 11px 5px;
        height: auto;
        font-size: 16px;
    }
    .features-section {
        background-position: center center !important;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 992px){
    .features-section .col-lg-2 {
        width: initial;
    }
    .cart-copy-right {
        position: initial;
    }
}
@media only screen and (min-device-width: 992px ) and (max-device-width: 1024px){
    .section3 .col-md-6 {
        width: 100%;
    }
    .right-col hr {
        border-bottom: 1px solid #d0cfcf;
        margin: 29px auto;
    }
    .cart-copy-right {
        position: initial;
    }
}
@media only screen and (min-device-width: 1025px ) and (max-device-width: 1200px){
    .right-col hr {
        border-bottom: 1px solid #d0cfcf;
        margin: 29px auto;
    }
    .cart-copy-right {
        position: initial;
    }
    
}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1280px){
    .cart-copy-right{
        position: initial;
    }
}
@media only screen and (min-width: 1025px ) and (max-width: 1440px ){
    .green-items-box {
        padding-top: 108px;
        padding-bottom: 131px;
        color: #fff;
    }
    .green-items-box h1{
        color: #fff;
    }
    .section3{
        margin-top: 30px;
    }
    .features-section {
        background-position: center center !important;
    }
}
@media only screen  and (min-width : 1824px) and (max-width: 1919px) {
/* Styles */
    .gray-container {
        background-position: bottom center;
    }
    .green-items-box {
        background-size: cover;
        padding-top: 128px;
        padding-bottom: 174px;
        color: #fff;
    }
    .green-items-box h1{
        color: #fff;
    }
    .footer {
        background-size: 100%;
    }

    /* Products pages responsive style */
    .main-section1 .features-section {
       background-position: center center !important;
    }
}