/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/* Large Devices, Wide Screens */
@media only screen and (min-width: 2561px) {
    .ib1-layout {

        overflow: hidden;
    }
    .ib1-text h2 {
        font-size: 50px;
    }
    .ib1-text h3 {
        font-size: 48px;
    }
    .ib1-text h4 {
        font-size: 44px;
    }
    .ib1-capture span {
        font-size: 48px;
    }
    .ib1-capture button {
        font-size: 24px;
    }
    .ib1-capture s {
        font-size: 44px;
    }
}
@media only screen and (min-width: 1500px) {
    .col-xl-8 {
        width: 66%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-12 {
        width: 100%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px !important;
        max-width: none !important;
    }
}

@media only screen and (min-width: 1024px) {

    .cd-dropdown-content .cd-dropdown-icons {
        width: 500px;
        max-width: 420px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .no-mobile {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1366px){

}

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width: 2560px) {
    .ib1-layout {
        overflow: hidden;
    }

    .cc-layout img {
        width: 100%;
        height: 420px;
    }
}

@media only screen and (max-width: 1920px) {
    .header-navbarFlex {
        margin-top: 8px;
    }

    .navbar-header {
        margin-top: 5px;
    }

    .slide-content {
        width: 1380px;
    }

    .slide-banner {
        width: 18vw;
    }

    .fic-gridItem {
        padding-right: 95px;
    }

    footer h3 {
        font-size: 20px;
    }

    footer a {
        font-size: 17px;
    }

    .footer-wrapper {

    }

    .custom-modal-dialog {
        width: 1200px;
    }

    .cc-layout img {
        width: 100%;
        height: 370px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1500px) {
    .big-wrapper {
        margin-top: 0px;
        margin-bottom: 20px;
        height: 178px;
    }
    .item-search {
        width: 220px;
        margin: 10px auto;
    }

    .item-list-wrapper {
    }

    .filter-menu {
    }

    /*    .item-list {
            min-width: 90%;
        }*/
    .custom-modal-dialog {
        width: 1170px;
    }

    .header-navbarFlex {
        margin-top: 8px;
    }

    .navbar-header {
        margin-top: 5px;
    }

    .slide-content {
        width: 1190px;
    }

    .slide-content .textBanner-group {
        font-style: italic;
    }

    .fThumb-button-next {
        right: 2vw;
    }

    .fThumb-button-prev {
        left: 2vw;
    }

    .sThumb-button-next {
        right: 2vw;
    }

    .sThumb-button-prev {
        left: 2vw;
    }

    .tThumb-button-next {
        right: 2vw;
    }

    .tThumb-button-prev {
        left: 2vw;
    }

    .cc-inner h2 {
        margin-top: 3.5vw;
    }

    .fic-gridItem {
        padding-right: 45px;
    }

    footer h3 {
        font-size: 17px;
    }

    footer a {
        font-size: 15px;
    }

    .footer-wrapper {

    }

    .cc-layout img {
        width: 100%;
        height: 300px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1435px) {
    .fThumb-button-next {
        right: -4vw;
    }

    .fThumb-button-prev {
        left: -4vw;
    }

    .sThumb-button-next {
        right: -4vw;
    }

    .sThumb-button-prev {
        left: -4vw;
    }

    .tThumb-button-next {
        right: -4vw;
    }

    .tThumb-button-prev {
        left: -4vw;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .squares-wrapper{
        margin: 20px auto;
    }
    .squares-wrapper .square{
        width: 90px;
        height: 90px;
        margin: 20px 0;
    }
    .squares-wrapper .square span{
        font-size: 1.8em;
    }
    .squares-wrapper .divider{
        height: 8px;
        width: 40px;
        margin: 0 38px;
    }
    .item-list {
        min-width: 925px;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 425px;

    }

    .footer-divider-text {
        text-align: center;
        font-size: 18px;

    }

    .custom-modal-dialog {
        width: 950px;
    }

    .header-search-lg {
        display: none;
    }

    .mobile-search {
        display: block;
    }

    .fThumb-button-next {
        right: 2vw;
    }

    .fThumb-button-prev {
        left: 2vw;
    }

    .sThumb-button-next {
        right: 2vw;
    }

    .sThumb-button-prev {
        left: 2vw;
    }

    .tThumb-button-next {
        right: 2vw;
    }

    .tThumb-button-prev {
        left: 2vw;
    }

    .fSlider-buttons i {
        color: #666666;
    }

    .infoGrid1-thumb {
        margin-bottom: 10px;
    }

    .infoGrid1-thumb h4 {
        font-size: 24px;
    }

    .cc-inner h2 {
        margin-top: 3vw;
        font-size: 32px;
    }

    .custom-inputGroup input {
        padding: 10px 15px;
        width: 180px;
    }

    .custom-inputGroup button {
        padding: 10px;
        font-size: 16px;
    }

    .fic-gridItem {
        padding-right: 20px;
    }

    .fic-flexGrid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cc-layout img {
        width: 100%;
        height: 220px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .search-tags .search-tag {
        display: none;
    }

    .item-list {
        min-width: 705px;
    }

    .nav-list > li {
        padding: 0 5px;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 250px;

    }

    .header-divider-text {
        line-height: 42.5px;
    }

    .footer-divider-text {
        text-align: center;
        font-size: 18px;
        line-height: 40px;
    }

    .subscribe-wrapper {
        margin-top: 5px;

        margin-right: 20px;

    }

    .subscribe-input-wrapper input {
        background-color: #505050;

    }

    .custom-modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        overflow-x: auto;
    }

    ul.header-navbarFlex li {
        font-size: 14px;
        margin-right: 15px;
    }

    .pull-right {
        position: relative;
    }

    .cg-cart {
        margin-left: 5px;
    }

    .header-navbar .navbar-header {
        width: 120px;
    }

    #headerNavbar {
        width: calc(100% - 150px);
    }

    .slide-content {
        width: 770px;
    }

    .slide-banner {
        width: 16.5vw;
    }

    .stars-cont i {
        font-size: 2vw;
        margin: 3px;
    }

    .fSlider-buttons i {
        font-size: 35px;
    }

    .infoGrid1-thumb {
        margin-bottom: 10px;
    }

    .infoGrid1-thumb h4 {
        font-size: 24px;
        height: 50px;
    }

    .infoGrid1-thumb p {
        font-size: 13px;
    }

    .cc-inner h2 {
        margin-top: 2.5vw;
        font-size: 28px;
    }

    .custom-inputGroup input {
        padding: 10px;
    }

    .custom-inputGroup button {
        padding: 10px;
        font-size: 16px;
    }

    .cc-layout {
        display: none;
    }

    .cc-inner {
        position: static;
        background: #221d1e;
        padding: 20px 0;
    }

    .nc-imgCont {
        margin-top: 10px;
    }

    .nc-imgCont img {
        display: inline;
    }

    .nc-thumbnail {
        text-align: center;
        padding: 0 15px;
    }

    .fic-gridItem {
        padding: 20px 10px;
        border: none;
    }

    .pic-thumb {
        margin: 0 !important;
    }

    .list-view .list-item {
        min-width: 280px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 769px) {
    .item-list {
        margin-top: 35px;
    }

    .list-view {
        justify-content: center;
    }

    .firstGrid-navigation, .secondGrid-navigation, .thirdGrid-navigation {
        display: none;
    }

    .cd-general-trigger {
        display: block;
        float: right;
        padding: 5px;
        background: none;
        border: none;
        font-size: 35px;
        line-height: 1;
        margin-right: 10px;
        margin-top: 3px;
    }

    .header-cartGroup {
        position: absolute;
        margin-top: 0;
        float: none;
        top: -47px;
        left: 45%;
    }

    .header-logo {
        width: 95px;
    }

    .basket {
        font-size: 0.8em;

    }

    .basket .input-number {
        padding: 0 5px;
    }

    .nav-list > li {
        padding: 0px;
    }

    .brand {
        margin-right: 90px;
        float: none;
        display: block;
    }

    .nav-search {
        display: block;
        margin: 0px;
    }

    .header-divider-text {
        font-size: 20px;
        line-height: 42.5px;
    }

    .developed > div {
        text-align: center;
    }

    .basket-wrapper {
        position: absolute;
        background-color: white;
        z-index: 200;
        padding: 10px 18px;
        /*top: 70px;*/
        right: 0px;
        min-width: 100%;

    }

    .input-number {
        width: 45px;
    }

    .soc-icons-wrapper {
        position: fixed;
        right: -20px;
        top: 40%;
        z-index: 2;
        width: 60px;
        transition: 0.2s ease-in-out;
    }

    .soc-icons-wrapper > a {
        padding-left: 2px;
        font-size: 12px;
        display: block;
        width: 35px;
        height: 35px;
        transition: 0.2s;
        margin-bottom: 5px;
        float: right;
    }

    .soc-icons-wrapper > a > i {

        color: white;
        line-height: 35px;
    }

    .soc-icons-wrapper .icon-wrapper:hover {
        width: 50px;
    }

    .site-text-block .shadow-wrapper {
        width: 100% !important;
        left: 0 !important;
    }

    .index-image-block {
        margin-top: 50px;
        margin-bottom: 20px;
        height: auto;
        text-align: center;
    }

    .index-image-block .index-image-header {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 20px;
        font-size: 30px;
    }

    .index-image-block .index-image-text {
        font-size: 20px;
        line-height: 25px;
        max-height: 50%;
        padding-bottom: 20px;

    }

    .info-boxes-wrapper, .info-boxes-upheader {
        display: none;
    }

    .soc-fixed {
        display: none;
    }

    .stars-cont i {
        font-size: 2vw;
        margin: 3px;
    }

    .header-navbarFlex {
        height: 0;
        overflow: hidden;
        margin: 0;
    }

    #headerNavbar {
        width: 100%;
        margin: 0;
    }

    #headerNavbar .pull-right {
        float: none !important;
        display: -ms-grid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-search-lg input {
        max-width: none;
    }

    .header-search-lg {
        float: none;
        display: none;
    }

    .mobile-search {
        display: none;
    }

    .header-navbar .navbar-header {
        width: auto;
    }

    .slide-content {
        width: 480px;
    }

    .firstGrid-heading h2 {
        font-size: 20px;
    }

    .ib1-layout {
        display: none;

    }

    .ib1-inner {
        background: #221d1e;
        padding: 15px 0;
        text-align: center;
    }

    .ib1-inner .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ib1-text h4 {
        font-size: 16px;
    }

    .ib1-text h2 {
        font-size: 20px;
    }

    .ib1-text h3 {
        font-size: 20px;
    }

    .ib1-capture span {
        font-size: 22px;
    }

    .ib1-capture s {
        font-size: 18px;
    }

    .ib1-capture button {
        font-size: 16px;
        margin-top: 5px;
    }

    .ib1-img-cont {
        width: 130px;
    }

    .productsPage-wrapper .ib1-img-cont {
        width: 130px;
    }

    .cc-inner h2 {
        margin-top: 2.5vw;
        font-size: 22px;
    }

    .custom-inputGroup input {
        padding: 10px;
        width: 170px;
    }

    .custom-inputGroup button {
        padding: 10px;
        font-size: 16px;
    }

    .cc-layout {
        display: none;
    }

    .cc-inner {
        background: #221d1e;
    }

    .footerMenus-thumb {
        border: none;
    }

    .copr-left,
    .copr-right {
        float: none;
        text-align: center;
        padding: 5px;
    }

    .fg-filtersGroup {
        float: none;
        margin: 15px 0;
    }

    .sg-filtersGroup {
        float: none;
        margin: 15px 0;
    }

    .tg-filtersGroup {
        float: none;
        margin: 15px 0;
    }

    .firstGrid-heading h2 {
        float: none;
        display: inline-block;
        font-size: 22px;
    }

    .loginForm-card.loginForm-alt {
        right: 0;
    }

    .item-list {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        -khtml-flex: 1;
        flex: 1;
        min-width: 430px;
        margin-right: 0;
    }

    .open-filter {
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        -o-flex: 3;
        -khtml-flex: 3;
        flex: 3;
        min-width: 350px;
        width: 260px;
        padding: 10px;
    }

    .header-navbar {
        padding-bottom: 0;
    }

    .list-view .list-item {
        min-width: 280px;
        margin: 0 10px 10px;
    }
}

@media only screen and (max-width: 664px) {
    .squares-wrapper{
        margin: 20px auto;
    }
    .squares-wrapper .square{
        width: 70px;
        height: 70px;
        margin: 20px 0;
    }
    .squares-wrapper .square span{
        font-size: 1.3em;
    }
    .squares-wrapper .divider{
        height: 6px;
        width: 35px;
        margin: 0 20px;
    }
    .viewSwitcher {
        display: none
    }

    .open-filter {
        min-width: 310px;
        width: 280px;
        padding: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 576px) {
    .item-search {
        width: 240px;
        margin: 10px auto;
    }
    .basket .input-number,
    .basket .input-number-decrement,
    .basket .input-number-increment {
        height: 20px;
    }

    .basket .input-number-decrement,
    .basket .input-number-increment {

        width: 20px;
        font-size: 18px;
        line-height: 20px;

    }

    .basket .basket-spin-wrapper {

        height: 20px;

    }

    .basket .basket-item-count-wrapper {
        height: 20px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .itemCart-viewLeft {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .itemCart-viewContainer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .footer-slpliters {
        width: 100% !important;
    }

    .order-molal-header {
        font-size: 10px;
        width: 200px;
        line-height: 16px;
        margin-left: -100px;

    }

    .basket {
        font-size: 0.55em;

    }

    .basket .input-number {
        width: 25px;
    }

    .basket .table-image {
        min-height: 32px;
        min-width: 40px;
    }

    .basket .product-delete {
        text-align: center;
        vertical-align: middle;
        padding: 0px !important;
    }

    .right.carousel-control, .left.carousel-control {
        opacity: 0;
        filter: alpha(opacity=0); /* IE support */
    }

    .last-product .left,.last-product .right {
        display: none !important;
    }

    .last-product {
        margin-top: 20px;

    }

    .small-wrapper {

        height: auto;
    }

    .big-wrapper {

        height: auto;
    }

    .search-icon {
        display: block;
    }

    .nav-search {
        display: none;
        top: 55px;
        width: 100vw;

    }

    .brand {
        padding-left: 0px;
    }

    .nav-search .input-wrapper {

    }

    .tel {
        display: none;
    }

    .logo-wrapper {
        margin-top: 0px;
        height: 64px;
        width: 64px;
    }

    .logo-text-wrapper .up-text {
        font-size: 20px;
        margin-top: 5px;
        text-align: center;
    }

    .logo-text-wrapper .down-text {
        text-align: center;
        margin: 5px;
        font-size: 20px;
    }

    .header-divider-text {
        font-size: 12px;
        line-height: 42.5px;
    }

    .subscribe-wrapper {
        margin-top: 10px;
        height: 50px;
    }

    .footer-divider-text {
        text-align: center;
        font-size: 12px;
        line-height: 40px;
    }

    .subscribe-button-wrapper {
        width: 120px;
    }

    .subscribe-button-wrapper button {
        font-size: 18px;
        line-height: 1;
    }

    .header-panel .address-line {
        font-size: 14px;
        line-height: 25px;
    }

    .slide-content {
        width: 370px;
    }

    .slide-banner {
        width: 15.5vw;
    }

    .stars-cont i {
        font-size: 5.35vw;
        margin: 3px;
    }

    .oil-banner-abs {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        border-radius: 0;
    }

    .oil-banner {
        height: auto;
        margin-bottom: 20px;
    }

    .firstGrid-heading {
        text-align: center;
    }

    .fg-filters {
        padding: 4px 8px;
        margin: 0 4px;
    }

    .sg-filters {
        padding: 4px 8px;
        margin: 0 4px;
    }

    .tg-filters {
        padding: 4px 8px;
        margin: 0 4px;
    }

    .st-imgCont {
        height: 25vw;
        padding: 5px 0;
    }

    .sg-filters {
        padding: 4px 8px;
        margin: 0 4px;
    }

    .tg-filters {
        padding: 4px 8px;
        margin: 0 4px;
    }

    .prodContent-container h2 {
        font-size: 20px;
    }

    .prodContent-container h3 span {
        font-size: 22px;
    }

    .prodContent-container h3 {
        font-size: 16px;
    }

    .modPr-price {
        font-size: 22px;
    }

    .modalPrices-cont s {
        font-size: 16px;
    }

    .loginForm-card .loginForm-button-container button {
        font-size: 17px;
    }

    .loginForm-card .loginForm-title {
        font-size: 20px;
        font-weight: 500;
    }

    .loginForm-card.loginForm-alt .loginForm-toggle {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }

    .loginForm-card.loginForm-alt {
        right: 0;
        z-index: 10;
        width: 70px;
        height: 70px;
    }

    .loginForm-container.loginForm-active .loginForm-card.loginForm-alt .loginForm-toggle {
        -webkit-transform: scale(25);
        transform: scale(25);
    }

    .loginForm-toggle .toggle-icon {
        font-size: 38px;
    }

    .loginForm-toggle .toggle-text {
        font-size: 12px;
    }

    .prodPage-route {
        display: none;
    }

    .cart-wrapper .st-descItems {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    .squares-wrapper{
        margin: 10px auto;
    }
    .squares-wrapper .square{
        width: 50px;
        height: 50px;
        margin: 20px 0;
    }
    .squares-wrapper .square span{
        font-size: 1em;
    }
    .squares-wrapper .divider{
        height: 6px;
        width: 35px;
        margin: 0 15px;
    }
    .open-filter {
        min-width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 380px) {
    .list-view .list-item {
        min-width: 240px;
    }

    .list-view {
        padding: 25px 40px 25px 25px;
    }

    .item-list {
        min-width: 300px;
    }

    .header-panel .address-line {
        font-size: 13px;
        line-height: 25px;
    }

    .dd-cont span {
        font-size: 13px;
        line-height: 25px;
        cursor: pointer;
    }

    .dd-cont span i.fa {
        font-size: 10px;
        font-weight: 500;
    }

    .header-search-lg {
        display: none;
    }

    .mobile-search {
        display: block;
    }

    .hp-right {
        position: relative;
        float: none;
        text-align: center;
        display: inline-block;
    }

    .hp-left {
        float: none;
        width: 100%;
        text-align: center;
    }

    .header-panel {
        text-align: center;
    }

    .fg-filters {
        padding: 4px;
        margin: 2px;
        font-size: 18px;
    }


}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

    /*.logo-text-section{
        display: none;
    }*/
}

/*===================================*/
/* ---- Custom Full HD start ---- */
@media (min-width: 1440px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1921px) {
    .container {
        width: 1860px
    }
}

/* ---- Custom Full HD end ---- */

input[type=text], input[type=submit], input[type=number], textarea {
    -webkit-appearance: none;
}

@supports ((position:sticky) or (position:-webkit-sticky)) {
    .header-navbar, .header-fixed {
        position: -webkit-sticky;
        position: sticky;
    }
}