@media only screen and (max-width: 480px) {

  header {
    display: inline-block;
  }

  #jpreOverlay {
  	background-size: 30% 15% !important;
  }

  header .navigation-bottom .navbar-header-right {
    width: 100% !important;
  }

  header {
      /*position: relative !important;*/
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
  }

  header .navbar-default {
      /*background: #fff;*/
      color: #000;
  }

  header .navbar-default .navbar-toggle {
      margin-top: 15px !important;
      background-color: #fff !important;
  }

  header .navbar-default .navbar-collapse {
      width: 100% !important;
      border: none;
      margin-top: 0px !important;
      border-top: solid 1px #e5e5e5;
      padding-top: 0px;
  }

  header #navigation-menu {
      width: 100%;
      margin: 0;
      padding: 0;
  }

  header #navigation-menu li {
      width: 100%;
      border-bottom: solid 1px #DDD;
  }

  header #navigation-menu li:last-child {
      border: none;
  }

  header .navigation .nav>li>a {
      width: 100%;
      text-align: center;
  }

  header .navigation .nav>li>a {
      padding: 10px 0 !important;
  }

  header .navbar-header{
      width: 100%;
  }

  header ul#navigation-menu.navbar-nav {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    float: none;
    z-index: 9999;
  }

  header .navigation-bottom {
    background: none;
    margin: 0px 0px 15px 0px;
  }

  header .navigation {
    display: inline-block;
    width: 100%;
  }

  header ul#top-nav-menu.navbar-nav {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0;
  }

  header ul#top-nav-menu.navbar-nav li {
    width: auto;
    display: inline-block;
  }

  header .navbar-brand img {
    height: 70px;
  }

  /*section#slider {
    margin: 0;
    max-height: 240px;
  }*/

  /*section#slider #slide {
    height: 220px;
    min-height: 220px;
  }*/

  /*section#slider .carousel-fade .carousel-inner .item {
    height: 220px;
  }*/

  section#slider .carousel-fade .carousel-inner .item .slide-text {
    display: none;
  }


  /************19.07.2016**********/

  section#page-content.page-content .product-detail-content .prod-info h2 {
    margin: 10px 0px 15px 0px !important;
  }

  section#page-content.page-content .product-detail-content .prod-info .price {
    margin: 15px 0px 0px 0px;
  }

  header ul#navigation-menu.navbar-nav a {
    border: none !important;
    color: #fff;
  }

  header ul#top-nav-menu.navbar-nav span {
    display: none;
  }

  header ul#top-nav-menu.navbar-nav li {
    float: none !important;
  }

  section#page-content.page-content .home-product-list-nav li {
    width: 100%;
  }

  section#page-content.page-content .home-product-list-nav li a {
    border:none !important;
  }

  header .search {
    width: 100%;
  }

  .cloud-zoom-big {
    display: none !important;
  }

  section#page-content.page-content .product-detail-content .prod-info .size {
    float: left !important;
  }

  section#page-content.page-content .product-detail-content .prod-info .order-number {
    float: left;
  }

  section#page-content.page-content .product-detail-content .prod-info .addtocart {
    float: left;
  }

  section#page-content.page-content .product-detail-content .prod-info ul li {
    margin: 0;
    width: 100%;
  }

  footer .bottom-foot .copyright p {
    width: 100%;
    text-align: center;
  }

  footer .bottom-foot .sm {
    margin: 10px 0;
  }

  footer .bottom-foot .sm ul {
    text-align: center;
  }

  footer .bottom-foot .sm ul li {
    float: none;
    display: inline-block;
  }

  section#cover.cover .breadcrumb {
    display: none;
  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
  }

  header .navigation .navbar-header-left .navbar-toggle {
    background-color: #e4d49d;
    margin: 0;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #114c6a;
    }

    section#page-content.page-content .home-product-list-nav p {
      font-size: 14px;
      padding: 5px 15px;
      text-align: justify;
    }

    section#page-content.page-content .home-product-list-nav h2 {
      font-size: 18px;
    }

    /**************************************************************/




    header ul#top-nav-menu.navbar-nav a.active:before {
      opacity: 0 !important;
    }

    header ul#top-nav-menu.navbar-nav a.active:after {
      opacity: 0 !important;
    }

    header ul#top-nav-menu.navbar-nav a.active {
      text-decoration: underline;
    }

    header ul#top-nav-menu.navbar-nav {
      width: auto;
      float: right;
    }

    section#slider .carousel-fade .carousel-control.right .arrow-slide-btn {
      padding: 5px;
      top: 40%;
    }
    section#slider .carousel-fade .carousel-control.left .arrow-slide-btn {
      padding: 5px;
      top: 40%;
    }

    section#trailer-content.trailer-content .categories-menu {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
    }
    section#trailer-content.trailer-content .categories-menu a.cateroies-btn {
      width: 100%;
    }
    section#trailer-content.trailer-content .categories-menu a.cateroies-btn:after {
      display: none;
    }

    section#trailer-content.trailer-content .trailer {
      margin: 0;
    }

    section#trailer-content.trailer-content .trailer h2 {
      font-size: 16px;
    }

    section#page-content.page-content .product-list .products .product-box {
      width: 100%;
    }

    section#cover.cover {
      margin-top: 0;
    }

    section#page-content.page-content .categories-menu-sub {
      top: auto;
      position: relative;
      left: auto;
    }

    section#page-content.page-content .categories-menu-sub ul {
      top: auto;
      position: relative;
      left: auto;
    }

    /*#jpreSlide{
    	font-size:22px;
    	font-weight:bold;
    	color:  transparent !important;
    	text-align:center;
    	width:100% !important;
    	height:50%;
    	background-image: url('../img/mabs-makina-logo-1.png');
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
    }*/

    /*.sub-page-wrap div {
      padding: 0;
    }*/

    section#page-content.page-content .contact-container .contactInfos span {
      font-size: 14px;
    }

    section#page-content.page-content .contact-container .contactInfos a {
      font-size: 14px;
    }

    section#page-content.page-content .contactMap .vce-google-map .vce_map_canvas {
      height: 280px;
    }

    section#page-content.page-content .contact-container .contactForm .submitBtn {
      width: 40%;
      background: none;
      color: #fff;
    }

    section#page-content.page-content .gallery-photos a.photo-item {
      height: 180px;
    }

    section#page-content.page-content .gallery-photos a.photo-item .photo {
      height: 180px;
    }

    header .sm-lang {
      margin-bottom: 0px;
    }

    section#page-content.page-content .page-breadcrumb li h2 {
      padding: 10px 5px;
    }

    section#page-content.page-content .page-breadcrumb {
      margin: 0;
      background: #e5e5e5;
      width: 100%;
      text-align: left;
    }

    footer .by-logo {
      text-align: center;
    }

    header .sm {
      width: 100%;
      padding: 0;
      margin: 0px 0px 15px 0px;
    }
    header .sm  ul{
      width: 100%;
      padding: 0;
      margin: 0;
      text-align: center;
    }
    header .sm  ul li{
      float: none;
    }

    header .languages {
      margin: 0px 0px 15px 0px;
      display: none;
    }

    header .navigation .languages .btn-default {
      background-color: #fff;
      color: #3f5766;
    }

    header .navigation .head-phone {
      float: left;
      width: 60%;
      margin: 0;
    }

    header ul#navigation-menu.navbar-nav li {
      margin: 0;
    }

    /*header .head-bid {
      margin: 15px auto;
      display: inline-block;
      float: none;
    }

    header .navbar-header-right {
      text-align: center;
    }*/

    header .navbar-header-left .slogan-object {
      display: none;
    }

    header .navbar-header-left .head-slogan {
      margin: 0;
      width: 100%;
      text-align: center;
    }
    section#trailer-content.trailer-content .trailer {
      float: none !important;
      display: inline-block;
      width: 100%;
    }

    section#trailer-content.trailer-content .trailer a.more-btn-contact {
      width: 50%;
      margin: 15px 0;
      float: left;
      display: inherit;
    }
    section#trailer-content.trailer-content .trailer a.more-btn-projects {
      width: 50%;
      margin: 15px 0;
      float: left;
      display: inherit;
    }

    .main-logo  {
      display: none;
    }

    .main-menu-open  {
      position: fixed;
    }

    .main-menu-open span {
        padding: 25px 15px;
    }

    .main-fix-buttons a.main-fix-button {
      padding: 0px 12px !important;
      font-size: 1em;
      height: 50px;
      line-height: 50px;
    }

    section#home-products.home-products .home-products-carousel .owl-nav .owl-next {
      right: 0;
    }
    section#home-products.home-products .home-products-carousel .owl-nav .owl-prev {
      left: 0;
    }

    .main-navbar {
      background-color: rgba(0,0,0,0.90);
      width: 100%;
      height: 100%;
      right: -100%;
  }

  span#main-menu-close {
    display: none !important;
  }
  span#main-menu-close-mobile {
    display: block !important;
  }


  section#trailer-content.trailer-content .home-trailer-carousel .item figure span {
    font-size: 16px;
  }

  section#trailer-content.trailer-content .home-trailer-carousel .item figure {
    height: 240px;
    line-height: 250px;
  }

  section#trailer-content.trailer-content .home-trailer-carousel {
    margin: 15px 0px 0px 0px;
  }

  /*.main-menu-open span {
    color: #3f5766;
  }*/

  section#slider #slide .slideText {
    left: 0;
  }

  section#slider #slide .slideText span {
    font-size: 6vh !important;
    font-weight: 400 !important;
    line-height: 1.5;
  }

  section#home-products.home-products .home-products-block {
    padding: 0 15px;
  }

  /*section#trailer-content.trailer-content .home-trailer-carousel .owl-nav {
    display: none;
  }*/

  section#trailer-content.trailer-content .trailer a.more-btn {
    margin: 15px 0px;
  }

  section#page-content.page-content .main-references .item-img {
    margin: 5px 0px;
  }

  section#home-products.home-products .home-products-block .owl-controls {
    display: block;
  }

  section#trailer-content.trailer-content .home-trailer-carousel .home-reference-photo {
    height: 240px;
  }

  section#trailer-content.trailer-content .trailer h3 {
    font-size: 16px;
  }

  section#trailer-content.trailer-content .home-trailer-carousel .owl-nav .owl-prev {
    top: -5px;
    background-size: 32px 32px;
    width: auto !important;
    height: auto !important;
    left: auto;
    right: 55px;
    background-color: #333;
    padding: 10px 5px;
  }

  section#trailer-content.trailer-content .home-trailer-carousel .owl-nav .owl-next {
    top: -5px;
    background-size: 32px 32px;
    width: auto !important;
    height: auto !important;
    left: auto;
    right: 10px;
    background-color: #333;
    padding: 10px 5px;
  }









}
/*END OF (max-width: 480px)*/

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

  header ul#navigation-menu.navbar-nav a {
    font-size: 12px;
  }


}



@media only screen and (min-width: 481px) and (max-width: 768px) {
    /* For mobile phones: */

    section#page-content.page-content .categories-menu-sub {
      top: auto;
      position: relative;
      left: auto;
    }

    section#page-content.page-content .categories-menu-sub ul {
      top: auto;
      position: relative;
      left: auto;
    }

    /*#jpreSlide{
    	font-size:22px;
    	font-weight:bold;
    	color:  transparent !important;
    	text-align:center;
    	width:100% !important;
    	height:50%;
    	background-image: url('../img/mabs-makina-logo-1.png');
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
    }*/

    .sub-page-wrap div {
      padding: 0;
    }

    header{
        position: relative !important;
        width: 100%;
        background: #FFF;
    }

    header .navbar-default {
        background: #FFF;
        color: #000;
    }

    header .navbar-default .navbar-toggle {
        margin-top: 15px !important;
    }

    header .navbar-default .navbar-collapse {
        width: 100%;
        border: none;
        margin-top: 0px !important;
        border-top: solid 1px #CCC;
        padding-top: 0px;
    }

    header #navigation-menu {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    header #navigation-menu li {
        width: 100%;
        border-bottom: solid 1px #DDD;
    }

    header #navigation-menu li:last-child {
        border: none;
    }

    header .navigation .nav>li>a {
        width: 100%;
        text-align: center;
    }

    header .navigation .nav>li>a {
        padding: 10px 0 !important;
    }

    header .navbar-header{
        width: 100%;
    }

    header ul#navigation-menu.navbar-nav {
      width: 100%;
      margin: 0;
    }

    header .navigation-bottom {
      background: none;
    }

    header .navigation {
      display: inline-block;
      width: 100%;
    }

    header ul#top-nav-menu.navbar-nav {
      float: left;
      width: 100%;
      text-align: center;
      display: inline-block;
    }

    header ul#top-nav-menu.navbar-nav li {
      width: auto;
      display: inline-block;
    }

    /*header .navbar-brand img {
      height: 45px;
    }*/

    section#slider {
      margin: 0;
    }

    section#slider #slide {
      /*height: 200px;*/
    }

    section#slider .carousel-fade .carousel-inner .item {
      /*height: 200px;*/
    }

    /************19.07.2016**********/

    section#page-content.page-content .product-detail-content .prod-info h2 {
      margin: 10px 0px 15px 0px !important;
    }

    section#page-content.page-content .product-detail-content .prod-info .price {
      margin: 15px 0px 0px 0px;
    }

    header .bottom-head {
      display: inline-block;
    }






}
/*END OF (min-width: 481px) and (max-width: 768px)*/

@media only screen and (max-width: 1499px) {





}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* For mobile phones: */

section#page-content.page-content .product-detail-content .prod-info .price {
  float: right !important;
  margin-right: 50px;
}

  header ul#navigation-menu.navbar-nav {
    width: 100%;
    float: left;
    margin: 0;
  }

  /*section#slider #slide {
    max-height: 440px;
  }

  section#slider .carousel-fade .carousel-inner .item {
    height: 440px;
    max-height: 440px;
  }*/




  section#workmachines-content.workmachines-content .info-container span.angle {
    margin: 40px 15px 15px;
  }
  section#machinebrands-content.machinebrands-content .info-container span.angle {
    margin: 40px 15px 15px;
  }



}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    /* For mobile phones: */
    /*section#slider {
      margin-top: 180px;
    }*/

}


@media only screen and (max-width: 1100px) {
    /* For mobile phones: */


}



@media only screen and (max-width: 1024px) {
    /* For mobile phones: */



}


@media only screen and (max-width: 320px) {
    /* For mobile phones: */

    footer .copyright {
        font-size: 12px;
    }


}

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

    header {
      display: none;
    }

    header.smaller {
        min-height: inherit !important;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        background: #000;

    }

   header.smaller .search {
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    header.smaller #navbarCollapse {
        display: none;
    }

    header.smaller .navbar-brand {
        /*margin-top: 15px;
        margin-bottom: 15px;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;*/
    }

    header.smaller .navbar-brand img {
        /*height: 50px;
        transition: width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;*/
    }

    header.smaller .navbar-header {
        height: auto;
    }


    header.smaller .nav-icon {
        display: none;
    }





}

@media only screen and (min-width: 481px) and (max-width: 1440px) {




}



@media only screen and (min-width: 769px) and (max-width: 1440px) {

  section#home-products.home-products .home-products-block .item {
    width: 180px;
    height: 180px;
  }
  section#home-products.home-products .home-products-block a {
    width: 180px;
    height: auto;
  }

  section#home-products.home-products .home-products-block .item span {
        padding: 34% 15px 0;
        font-size: 12px;
  }

  section#home-products.home-products .home-products-block h3 {
    font-size: 14px;
    font-weight: 700;
  }




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

  header ul#navigation-menu.navbar-nav a {
    font-size: 14px;
  }


}
@media only screen and (min-width: 769px) and (max-width: 1367px) {

  section#page-content.page-content .home-product-list .product-box .price .actual-price {
    width: 100%;
  }

  section#page-content.page-content .home-product-list .product-box .price .addBasketBtn {
    width: 100%;
  }


}

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

  section#page-content.page-content .product-list .products .product-box {
    width: 48%;
  }

  section#page-content.page-content .gallery-photos a.photo-item {
    height: 280px;
  }

  /*section#slider .carousel-fade .carousel-inner .item .slide-text {
    left: 2%;
    bottom: 3%;
  }*/

  section#slider .carousel-fade .carousel-inner .item .slide-text p {
    font-size: 16px;
  }

  #jpreOverlay {
  	background-size: 25% 20% !important;
  }

  header .navbar-brand {
    margin: 5px 0;
  }


}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  section#page-content.page-content .gallery-photos a.photo-item {
    height: 320px;
  }






}