/******************************************************************************
  Max Width "991px" - Min Width "768px"
*******************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {

    .navbar-brand { padding: 15px 0; height: auto; }

    .owl-carousel .col-sm-1 { max-width: 62px; }
    .owl-carousel .col-sm-2 { max-width: 125px; }
    .owl-carousel .col-sm-3 { max-width: 187px; }
    .owl-carousel .col-sm-4 { max-width: 250px; }
    .owl-carousel .col-sm-5 { max-width: 31px; }
    .owl-carousel .col-sm-6 { max-width: 375px; }
    .owl-carousel .col-sm-7 { max-width: 437px; }
    .owl-carousel .col-sm-8 { max-width: 500px; }
    .owl-carousel .col-sm-9 { max-width: 562px; }
    .owl-carousel .col-sm-10 { max-width: 625px; }
    .owl-carousel .col-sm-11 { max-width: 687px; }
    .owl-carousel .col-sm-12 { max-width: 750px; }
}
/******************************************************************************
  Max Width "767px"
*******************************************************************************/
@media (max-width: 767px) {
    .owl-carousel .col-sm-1,
    .owl-carousel .col-sm-2,
    .owl-carousel .col-sm-3,
    .owl-carousel .col-sm-4 { min-width: 160px; }
    .owl-carousel .col-sm-5,
    .owl-carousel .col-sm-6,
    .owl-carousel .col-sm-7,
    .owl-carousel .col-sm-8,
    .owl-carousel .col-sm-9,
    .owl-carousel .col-sm-10,
    .owl-carousel .col-sm-11,
    .owl-carousel .col-sm-12 { min-width: 300px; }
    .owl-carousel .col-md-1,
    .owl-carousel .col-md-2,
    .owl-carousel .col-md-3,
    .owl-carousel .col-md-4,
    .owl-carousel .col-xs-1,
    .owl-carousel .col-xs-2,
    .owl-carousel .col-xs-3,
    .owl-carousel .col-xs-4,
    .owl-carousel .col-xs-5,
    .owl-carousel .col-xs-6,
    .owl-carousel .col-xs-7,
    .owl-carousel .col-xs-8,
    .owl-carousel .col-xs-9,
    .owl-carousel .col-xs-10,
    .owl-carousel .col-xs-11,
    .owl-carousel .col-xs-12 { max-width: none; }
    /* Padding */
    .xs-pad-0 { padding: 0px; }
    .xs-pad-10 { padding: 10px; }
    .xs-pad-20 { padding: 20px; }
    .xs-pad-30 { padding: 30px; }
    .xs-pad-40 { padding: 40px; }
    .xs-pad-50 { padding: 50px; }
    .xs-pad-60 { padding: 60px; }
    .xs-pad-70 { padding: 70px; }
    .xs-pad-80 { padding: 80px; }
    .top-xs-pad-10 { padding-top: 10px; }
    .top-xs-pad-20 { padding-top: 20px; }
    .top-xs-pad-30 { padding-top: 30px; }
    .top-xs-pad-40 { padding-top: 40px; }
    .top-xs-pad-50 { padding-top: 50px; }
    .top-xs-pad-60 { padding-top: 60px; }
    .top-xs-pad-70 { padding-top: 70px; }
    .top-xs-pad-80 { padding-top: 80px; }
    .bottom-xs-pad-10 { padding-bottom: 10px; }
    .bottom-xs-pad-20 { padding-bottom: 20px; }
    .bottom-xs-pad-30 { padding-bottom: 30px; }
    .bottom-xs-pad-40 { padding-bottom: 40px; }
    .bottom-xs-pad-50 { padding-bottom: 50px; }
    .bottom-xs-pad-60 { padding-bottom: 60px; }
    .bottom-xs-pad-70 { padding-bottom: 70px; }
    .bottom-xs-pad-80 { padding-bottom: 80px; }
    .right-xs-pad-10 { padding-right: 10px; }
    .right-xs-pad-15 { padding-right: 15px; }
    .left-xs-pad-10 { padding-left: 10px; }
    .left-xs-pad-15 { padding-left: 15px; }
    .xs-tb-padding-10 { padding: 10px 0 10px 0 !important; }
    /* Margin */
    .xs-no-margin { margin: 0; }
    .xs-tb-margin-10 { margin: 10px 0 10px 0 !important; }
    .xs-margin-10 { margin: 10px; }
    .xs-margin-20 { margin: 20px; }
    .xs-margin-30 { margin: 30px; }
    .xs-margin-40 { margin: 40px; }
    .xs-margin-50 { margin: 50px; }
    .xs-margin-60 { margin: 60px; }
    .xs-margin-70 { margin: 70px; }
    .xs-margin-80 { margin: 80px; }
    .top-xs-margin-10 { margin-top: 10px; }
    .top-xs-margin-20 { margin-top: 20px; }
    .top-xs-margin-30 { margin-top: 30px; }
    .top-xs-margin-40 { margin-top: 40px; }
    .top-xs-margin-50 { margin-top: 50px; }
    .top-xs-margin-60 { margin-top: 60px; }
    .top-xs-margin-70 { margin-top: 70px; }
    .top-xs-margin-80 { margin-top: 80px; }
    .bottom-xs-margin-10 { margin-bottom: 10px; }
    .bottom-xs-margin-20 { margin-bottom: 20px; }
    .bottom-xs-margin-30 { margin-bottom: 30px; }
    .bottom-xs-margin-40 { margin-bottom: 40px; }
    .bottom-xs-margin-50 { margin-bottom: 50px; }
    .bottom-xs-margin-60 { margin-bottom: 60px; }
    .bottom-xs-margin-70 { margin-bottom: 70px; }
    .bottom-xs-margin-80 { margin-bottom: 80px; }
    .left-xs-margin-10 { margin-left: 10px; }
    .left-xs-margin-15 { margin-left: 15px; }
    .right-xs-margin-10 { margin-right: 10px; }
    .right-xs-margin-15 { margin-right: 15px; }
    .single-product { margin-bottom: 40px; }
    .portfolio-grid .grid { text-align: center; }
    .portfolio-grid .grid img { display: inline-block !important; }
    /* .grids{
		display:block !important
	} */
}

/******************************************************************************
  SLĘDER ITEMS
*******************************************************************************/

@media (min-width: 1367px) {
    .item { max-height: 800px; }
}

@media (max-width: 1366px) and (min-width: 1025px) {

	/*.news-product-content h3 {    height: 50px;}*/
.news-product-content p{     height: 150px;}
    .navigation-1 .owl-controls { display: none; }
    /*.content-bg { position: absolute; right: 0; bottom: 55px; color: #fff; }*/
    /*.content-bg .slider-content { padding-right: 156px; padding: 25px 200px 25px 60px; background: rgba(196,196,196,0.8); }*/
    /*.content-bg .slider-content .slider-title { font-size: 30px; }*/
    /*.content-bg .slider-content .sub-title { font-size: 25px; }*/
    /*.define-content p { font-weight: 300; font-size: 14px; line-height: 1.4; }*/
    /*.content-bg .define-content { padding-right: 109px; padding: 25px 60px 25px 60px; background: rgba(24,59,87,0.6); }*/
    .owl-theme .owl-controls { margin-top: 10px; text-align: left; position: absolute; bottom: 60px; left: 40px; right: 0; }
    #progressBar { position: absolute; top: 150px; width: 333px; background: #ffffff; z-index: 1; right: 0; left: 40px; }
    .item { max-height: 500px; }
    .news-product-content { height: 390px; }
    .page-header p { font-size: 18px; color: #fff; text-align: center; }
    .page-header h1 { font-size: 40px; }
    .banner-content { top: 90px; }
    .banner-img { width: 100px; }

    .custom-pagination-1 .owl-buttons { display: none !important; position: static; right: 0; top: auto; left: 0 !important; }
}


@media (max-width: 1024px) and (min-width: 769px) {
    /**---
    Page Not Found
    ---*/
    .logo-bg-img { background: url("logo-1.png"/*tpa=http://www.mogulsb.com/Download/Images/logo.png*/) left center no-repeat; content: " "; width: 220px; height: 82px; padding-top: 80px; }
    .page-not-found-bg h1 { font-size: 100px; color: #fff; font-weight: bolder; margin: 0; padding: 0; }
    .page-not-found-bg h2 { font-size: 25px; color: #fff; font-weight: bolder; }
    .page-not-found-bg a { color: #fff; font-size: 15px; font-weight: bold; }

    .bottom-sm-margin { margin-bottom: 0px !important; }
    .bottom-sm-pad { padding-bottom: 1px !important; }
    .tp-banner-container .owl-theme .owl-controls { display: block !important; margin-top: 10px; text-align: left; position: absolute; top: 60px; left: 10px; right: 0; }
    .tp-banner-container #progressBar { position: absolute; top: 150px; width: 250px; background: #ffffff; z-index: 1; right: 0; left: 10px; }
    .tp-banner-container .content-bg .define-content h4 { text-align: right; font-size: 16px; }
    .tp-banner-container .content-bg .define-content p { text-align: right; font-weight: 300; font-size: 14px; }
    .tp-banner-container .content-bg .define-content { padding-right: 366px; padding: 5px 8px 5px 60px; background: rgba(24,59,87,1); }
    .tp-banner-container .content-bg .slider-content { padding-right: 366px; padding: 5px 249px 5px 60px; background: rgba(196,196,196,0.8); }
    .tp-banner-container .content-bg .slider-content .slider-title { font-size: 45px; font-weight: 800; line-height: normal; }
    .tp-banner-container .content-bg .slider-content .sub-title { font-size: 38px; font-weight: 400; line-height: normal; }
    .navigation-1 .owl-theme .owl-controls { margin-top: 30px; text-align: center; position: absolute; left: 0; right: 0; }
    .navigation-1 .new-products .section-title h3 { font-size: 28px; font-weight: 900; }
    .navigation-1 .bg-theme p { font-size: 16px; }
    /*--- APPLICATION SLĘDER STYLE ---*/
    .custom-pagination-2 .owl-theme .owl-controls { margin-top: 0; text-align: left; position: absolute; top: auto; left: 0; right: 0; }
    .custom-pagination-2 .owl-buttons .owl-prev i.white, .custom-pagination-2 .owl-buttons .owl-next i.white { color: #fff !important; font-size: 81px !important; }
    .custom-pagination-2 .owl-buttons { position: absolute; right: 0; top: 50px; left: 0; }
    .custom-pagination-2 .owl-theme .owl-controls .owl-buttons div { color: #183b57; display: inline-block; zoom: 1; margin: 5px; font-size: 12px; background: transparent; filter: Alpha(Opacity=50); opacity: 10; }
    .custom-pagination-2 .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; background: transparent; }
    .custom-pagination-2 .owl-prev { right: auto; left: 40%; top: 10px; }
    .custom-pagination-2 .owl-next { right: 40%; left: auto; top: 10px; }
}



/******************************************************************************
  Min Width "992px"
*******************************************************************************/
@media (min-width: 992px) {
    .new-products .col-md-8 { width: 66.66666667% !important; }
    .new-products .col-md-4 { width: 33.33333333% !important; }
    .new-products .section-title h3 { font-size: 30px; font-weight: 900; }
    .new-products .btn-detail-bg a { font-size: 30px; font-weight: 800; }
    .timeliner > li { min-height: 150px; }
    .timeliner > li .timeline-panel { padding: 0 20px 20px; }
    .timeliner > li .timeline-image { width: 150px; height: 150px; margin-left: -75px; }
    .timeliner > li .timeline-image h4 { margin-top: 30px; font-size: 18px; line-height: 26px; }
    .timeliner > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; }
    .navbar-brand { padding: 0 0 0 0; height: auto; }
    .sticky-logo { padding: 15px 0 !important; }
    .nav-type { width: 85%; }
    #myCarousel { padding-right: 33.3333%; }
    #myCarousel .carousel-controls { display: none; }
}
/******************************************************************************
  Min Width "768px"
*******************************************************************************/
@media (min-width:768px) {
    .timeliner:before { left: 50%; }
    .timeliner > li { margin-bottom: 100px; min-height: 100px; }
    .timeliner > li .timeline-panel { float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; }
    .timeliner > li .timeline-image { left: 50%; width: 100px; height: 100px; margin-left: -50px; }
    .timeliner > li .timeline-image h4 { margin-top: 16px; font-size: 13px; line-height: 18px; }
    .timeliner > li.timeline-inverted > .timeline-panel { float: right; padding: 0 30px 20px 20px; text-align: left; }
    .schedule .tabs .nav-tabs > li { display: table-cell; width: 1%; float: none; }

    .is-sticky .navbar-brand img { vertical-align: middle; width: 60%; margin-top: 0; }
    .navigation-1 .owl-controls { display: none; }
}
/******************************************************************************
  Min Width "1920px"
*******************************************************************************/
@media (min-width: 1367px) {

    /**************************************************************************
      Content Banner
    **************************************************************************/
    .news-product-content { max-height: 390px; height: 390px; }
    .banner-title-sub { position: absolute; top: 50%; display: inline-block; -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); color: #d4d4d4; letter-spacing: 2px; z-index: 9; left: -50px; text-align: center; font-family: 'ProximaNovaThExtrabld', sans-serif; font-size: 18px; }
    .banner-title-sub span { color: #da0a33; font-weight: 800 !important; font-size: 18px !important; }
    .banner-sales-force { position: absolute; top: 35%; display: inline-block; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); color: #d4d4d4; letter-spacing: 2px; z-index: 9; right: 50px; text-align: center; }

    /**************************************************************************
      Works Details
    **************************************************************************/
    .slider-bg { background: #6929b9; height: 910px; margin-top: 74px; }
    .slider-bg .owl-carousel { position: absolute; top: -115px; }
    .slider-bg .owl-buttons { position: absolute; right: 15px; top: 100px; }
    .slider-bg .owl-pagination { position: absolute; top: 28px; right: 140px; }
    /**************************************************************************
      Slider Arrow Button
    **************************************************************************/
    .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url("large_right.png"/*tpa=http://www.mogulsb.com/Content/Theme/Default/assets/large_right.png*/) no-Repeat 0 0; width: 40px; height: 40px; right: 410px !important; top: 484px !important; }
    .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url("large_left.png"/*tpa=http://www.mogulsb.com/Content/Theme/Default/assets/large_left.png*/) no-Repeat 0 0; width: 40px; height: 40px; left: auto !important; right: 485px !important; top: 484px !important; }
}
/******************************************************************************
  Min Width "1200x"
*******************************************************************************/
@media (min-width: 1200px) {


    .new-products-list .owl-theme .owl-controls { text-align: center; position: absolute; left: 0; right: 0; bottom: -100px; top: auto; }
    .new-products-list .owl-theme .owl-controls .owl-page.active span { color: #FFF !important; }

    .owl-carousel .col-md-1 { max-width: 100px; }
    .owl-carousel .col-md-2 { max-width: 200px; }
    .owl-carousel .col-md-3 { max-width: 300px; }
    .owl-carousel .col-md-4 { max-width: 400px; }
    .owl-carousel .col-md-5 { max-width: 500px; }
    .owl-carousel .col-md-6 { max-width: 600px; }
    .owl-carousel .col-md-7 { max-width: 700px; }
    .owl-carousel .col-md-8 { max-width: 800px; }
    .owl-carousel .col-md-9 { max-width: 900px; }
    .owl-carousel .col-md-10 { max-width: 1000px; }
    .owl-carousel .col-md-11 { max-width: 1100px; }
    .owl-carousel .col-md-12 { max-width: 1200px; }
    .timeliner > li { min-height: 170px; }
    .timeliner > li .timeline-panel { padding: 0 20px 20px 100px; }
    .timeliner > li .timeline-image { width: 170px; height: 170px; margin-left: -85px; }
    .timeliner > li .timeline-image h4 { margin-top: 40px; }
    .timeliner > li.timeline-inverted > .timeline-panel { padding: 0 100px 20px 20px; }


    /* owl pagination custom 1*/

    .custom-pagination-1 .owl-theme .owl-controls { margin-top: 0; text-align: left; position: absolute; top: 56%; left: 0; right: 0;bottom:200px }

    .custom-pagination-1 .owl-buttons { position: absolute; left: -188px; }
    .custom-pagination-1 .owl-buttons .owl-prev i, .owl-next i { color: #183b57 !important; font-size: 165px !important; }
    .custom-pagination-1 .owl-theme .owl-controls .owl-buttons div { color: #183b57; display: inline-block; zoom: 1; margin: 5px; font-size: 12px; background: transparent; filter: Alpha(Opacity=50); opacity: 10; }
    .custom-pagination-1 .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; background: transparent; }
    .custom-pagination-1 .navigation-1 .owl-prev { right: auto; left: 0px; top: -60px; }
    .custom-pagination-1 .navigation-1 .owl-next { right: -160px; left: auto; top: -60px; }


    .custom-pagination-2 .owl-theme .owl-controls { margin-top: 0; text-align: left; position: absolute; top: auto; left: 0; right: 0; }
    .custom-pagination-2 .owl-buttons .owl-prev i.white, .custom-pagination-2 .owl-buttons .owl-next i.white { color: #fff !important; font-size: 60px !important; }
    .custom-pagination-2 .owl-buttons { position: absolute; right: 0; top: 90px; left: 0; }
    .custom-pagination-2 .owl-theme .owl-controls .owl-buttons div { color: #183b57; display: inline-block; zoom: 1; margin: 5px; font-size: 12px; background: transparent; filter: Alpha(Opacity=50); opacity: 10; }

    .custom-pagination-2 .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; background: transparent; }
    .custom-pagination-2 .owl-prev { right: auto; left: 42%; top: 10px; }
    .custom-pagination-2 .owl-next { right: 42%; left: auto; top: 10px; }


    /*-- Product - Detail owl slider --*/
    .custom-pagination-3 .owl-buttons { position: absolute; right: 0; top: 0; left: 0; }
    .custom-pagination-3 .owl-next { right: -100px; left: auto; top: 20px; }
    .custom-pagination-3 .owl-prev { right: auto; left: -100px; top: 20px; }
    .custom-pagination-3 .owl-theme .owl-controls { margin-top: 0; text-align: left; position: absolute; top: 100px; left: 0; right: 0; }
    .custom-pagination-3 .owl-prev i, .owl-next i { color: #183b57; }
    .custom-pagination-3 .owl-theme .owl-controls .owl-buttons div { color: #183b57; display: inline-block; zoom: 1; margin: 5px; font-size: 12px; background: transparent; filter: Alpha(Opacity=50); opacity: 10; }
    .custom-pagination-3 .owl-buttons .owl-prev i, .custom-pagination-3 .owl-buttons .owl-next i { color: #183b57 !important; font-size: 60px !important; }
    .custom-pagination-3 .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; background: transparent; }
    .custom-pagination-3 .owl-buttons .owl-prev i:hover { color: #b9c4cc; }
}
/* ---------- MAX 1199px ---------- */
@media (min-width: 991px) and (max-width: 1199px) {
    .double-img img { max-width: 60%; }
}
/* ---------- MAX 480px ---------- */
@media (max-width: 480px) {
    /**---
    Page Not Found
    ---*/
    .logo-bg-img { background: url("logo-1.png"/*tpa=http://www.mogulsb.com/Download/Images/logo.png*/) left center no-repeat; content: " "; width: 220px; height: 82px; padding-top: 80px; }
    .page-not-found-bg h1 { font-size: 35px; color: #fff; font-weight: bolder; margin: 0; padding: 0; }
    .page-not-found-bg h2 { font-size: 15px; color: #fff; font-weight: bolder; }
    .page-not-found-bg a { color: #fff; font-size: 15px; font-weight: bold; }

    .app-link:hover .app-bg { display: block; position: absolute; top: 22px !important; bottom: 0; left: 73px !important; right: 0 !important; }
    .owl-controls { display: none !important; }
    .double-img img { max-width: 50%; }
    .content-bg .slider-content { padding: 5px 15px 5px 13px; }
    .content-bg .slider-content .slider-title { font-size: 26px; }
    .content-bg .slider-content .sub-title { font-size: 17px; }
    .contact-bg .btn-large { padding: 20px 59px; border-radius: 100px !important; font-size: 20px; }
}

/* ---------- MAX 480px ---------- */
@media (max-width: 667px) {
    .banner-content, banner-bg { display: none; }
    .is-sticky .wsmenu { margin: 0 !important; }
    .owl-controls { display: none !important; }
    .double-img img { max-width: 50%; }
    .section-title h2 { font-size: 22px; }
    p { font-size: 16px; }
    .item-box h4 { font-size: 21px; }
    .item-box em { font-size: 70px; }
    .content-bg .slider-content { padding: 5px 15px 5px 13px; }
    .content-bg .slider-content .slider-title { font-size: 26px; }
    .content-bg .slider-content .sub-title { font-size: 17px; }
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media (max-width: 991px) {
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer { width: 33.3%; }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer { width: 33.3%; }
    .slider-block,
    .slider-block1,
    .slider-block2 { margin-top: 0; }
    .carousel-caption p, #myCarousel .list-group { display: none; }
}
/******************************************************************************
  Max Width "767px"
*******************************************************************************/
@media (max-width: 767px) {

    .search-dropdown .dropdown-menu { min-width: 100% !important; }
    .search-dropdown .dropdown-menu .navbar-form,
    .search-dropdown .dropdown-menu .input-group,
    .search-dropdown .dropdown-menu .form-control { width: 90% !important; }
    .search-dropdown .dropdown-menu .navbar-form .form-control { padding: 8px 24px; }
    .navbar-collapse .navbar-nav { padding-bottom: 10px; }

    header .navbar-form { margin: none; }
    .search-dropdown .dropdown-menu li { padding: 0px 10px; }
    #page .page-title-left .breadcrumb { right: 0; position: relative; margin-top: 10px; }
    .grid-col-2 .grid-item,
    .grid-col-2 .grid-sizer { width: 50%; }
    .grid-col-3 .grid-item,
    .grid-col-3 .grid-sizer { width: 50%; }
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer { width: 50%; }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer { width: 50%; }
    /* Timeline Blog / Resume */
    .blog.timeliner .timeline-icon { left: 0; margin: 22px 0 0; }
    .blog.timeliner .timeline-meta { left: 0; margin: 0 0 5px; position: relative; right: 0; text-align: left; }
    .blog.timeliner li,
    .blog.timeliner > li.timeline-inverted { margin: 0; padding: 0 0 30px 100px; width: 100%; left: 0; }
    .blog.timeliner > li.timeline-inverted .timeline-panel:before,
    .blog.timeliner > li .timeline-panel:before { border: 15px solid transparent; border-right-color: #ccc; left: -30px; right: auto; }
    .blog.timeliner > li.timeline-inverted .timeline-panel:after,
    .blog.timeliner > li .timeline-panel:after { border: 14px solid transparent; border-right-color: #fff; left: -28px; right: auto; }
    .owl-carousel .col-sm-1,
    .owl-carousel .col-sm-2,
    .owl-carousel .col-sm-3,
    .owl-carousel .col-sm-4,
    .owl-carousel .col-sm-5,
    .owl-carousel .col-sm-6,
    .owl-carousel .col-sm-7,
    .owl-carousel .col-sm-8,
    .owl-carousel .col-sm-9,
    .owl-carousel .col-sm-10,
    .owl-carousel .col-sm-11,
    .owl-carousel .col-sm-12 { float: none; margin: 0px auto; }
    .request-quote { top: 0; }
    .slider-box .slider-box-inner { display: none; }
    .slider-box h2 { font-size: 30px; margin-bottom: 0; padding: 5px; }
}
/******************************************************************************
  Max Width "480px"
*******************************************************************************/
@media (max-width: 600px) {
    .top-up { margin-top: 0; }
}
/******************************************************************************
  Max Width "480px"
*******************************************************************************/
@media (max-width: 480px) {

    .grid-col-2 .grid-item,
    .grid-col-2 .grid-sizer { width: 100%; }
    .grid-col-3 .grid-item,
    .grid-col-3 .grid-sizer { width: 100%; }
    .grid-col-4 .grid-item,
    .grid-col-4 .grid-sizer { width: 100%; }
    .grid-col-5 .grid-item,
    .grid-col-5 .grid-sizer { width: 100%; }
    /* TImeline */
    .blog.timeliner > li .timeline-panel { padding: 20px; }

    .progressBar { display: none; }
}

@media (max-width: 667px) {
    .new-showcase a { font-size: 24px; }
    .new-products-list .title, .new-showcase-list .title { font-size: 24px; }
    .new-products-list .bg-theme a { font-size: 24px; }
    .navbar-brand > img { margin: 0; }
    .navbar-brand { padding-top: 0px; height: auto; margin-top: -19px; }
    .is-sticky .navbar-brand { padding-top: 40px; }
    .is-sticky .navbar-brand > img { margin: 0; }
    .navbar-brand img { width: 70%; }
    #progressBar { display: none; }
    .content-title-tag { display: none; }
    .www { padding: 10px; }
    .bg-page { display: none; }
    .page-title-pattern { background: none; }
    .page-header h1 { margin: 0; font-size: 50px; text-transform: uppercase; font-weight: 800; color: #da0a33; letter-spacing: -1px; line-height: 0.8; margin: 10px 0 10px 0; }
}

@media (max-width: 375px) {

    .is-sticky .navbar-brand > img { margin: 0; }
    .is-sticky .navbar-brand { padding-top: 0; }
    .animated-arrow { top: 30px !important; }
    .navbar-brand { margin-top: 11px; }
    .navbar-brand img { padding: 0; margin: 0; }
}