/*bootstrap css*/
@media (min-width: 1200px){
    .col-lg-box-5{width:19.8%; padding:0 15px;}
    .col-lg-box-7{width:14.28%; padding:0 10px;}
    .col-lg-box-8{width:12.5%; padding:0 10px;}
    .col-lg-box-9{width:11.11%; padding:0 10px;}
    .col-lg-box-10{width:10%; padding:0 10px;}
    .col-lg-box-11{width:9.09%; padding:0 10px;}
}

@media (min-width: 992px){
    .col-box-5{width:20%; padding:0 15px;}
    .col-box-7{width:14.28%; padding:0 10px;}
    .col-box-8{width:12.5%; padding:0 10px;}
    .col-box-9{width:11.11%; padding:0 10px;}
    .col-box-10{width:10%; padding:0 10px;}
    .col-box-11{width:9.09%; padding:0 10px;}
}

@media (min-width: 768px){
    .col-sm-box-5{width:20%; padding:0 15px;}
    .col-sm-box-7{width:14.28%; padding:0 10px;}
    .col-sm-box-8{width:12.5%; padding:0 10px;}
    .col-sm-box-9{width:11.11%; padding:0 10px;}
    .col-sm-box-10{width:10%; padding:0 10px;}
    .col-sm-box-11{width:9.09%; padding:0 10px;}
}

@media (max-width: 767px){
    .col-xs-box-5{width:20%; padding:0 10px;}
    .col-xs-box-7{width:14.28%; padding:0 5px;}
    .col-xs-box-8{width:12.5%; padding:0 5px;}
    .col-xs-box-9{width:11.11%; padding:0 5px;}
    .col-xs-box-10{width:10%; padding:0 5px;}
    .col-xs-box-11{width:9.09%; padding:0 5px;}
}

@media (max-width: 479px){
    .col-box{width: 100%;}
}

/*chrome browser css*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {}
/*firefox browser css*/
@-moz-document url-prefix() {}
/*safari browser css*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
    header#top #toggle-nav i, header#top #mobile-cart-link i, header#top .span_9 > .slide-out-widget-area-toggle i{color: #000;}
}

@media screen and (max-width: 1440px){}
@media screen and (min-width: 1366px) {}
@media screen and (min-width: 1230px) {}
@media screen and (max-width: 1230px) {}
@media screen and (min-width: 1200px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1130px) {}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 1000px) {
    .wpb_text_column{ margin-bottom: 30px !important;}

    /* Header CSS */
    #slide-out-widget-area .inner .off-canvas-menu-container li a{font-size: 20px;}

    /* Slider CSS */
    .orbit-wrapper #featured article .post-title {top: 80px!important;}

    .centered-text .center img.img-with-animation{max-width: 100%; height: 120px;}

    .img-with-aniamtion-wrap img.img-with-animation[data-animation="fade-in-from-bottom"]{top: -90px;}
}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 950px) {}
@media screen and (max-width: 920px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 880px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 770px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 740px) {}
@media screen and (max-width: 700px) {}
@media screen and (max-width: 685px) {
    /* Slider CSS */
    body .orbit-wrapper #featured article .post-title {top: 80px!important;}
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 580px) {}
@media screen and (max-width: 500px) {
    /* General CSS */
    .heading-title .entry-title{text-align: center;}
    .single #single-meta{text-align: center;}

    /* Header CSS */
    #slide-out-widget-area .inner .off-canvas-menu-container li a {font-size: 16px;}

    .centered-text .center img.img-with-animation{ height: 90px;}    
}
@media screen and (max-width: 479px) {}
@media screen and (max-width: 420px) {}
@media screen and (max-width: 400px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 370px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 340px) {}
@media screen and (max-width: 320px) {}