@media(max-width: 2000px){
/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  html#page-order-3-single main,
  #scroll-to-top{
    margin-left: -40%;
  }

  html#page-order-1 #scroll-to-top{ transform: translateX(-130px); }
  html#page-order-2 #scroll-to-top{ transform: translateX(-54px); }
  html#page-order-3 #scroll-to-top,
  html#page-order-3-single #scroll-to-top{ transform: translateX(16px); }
  html#page-order-4 #scroll-to-top{ transform: translateX(85px); }
}

@media(max-width: 1700px){
/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
  h1, .style-h1{
    font-size: 45px;
  }
  h2, .style-h2,
  h3, .style-h3{
    font-size: 36px;
  }
  h4, .style-h4{
    font-size: 26px;
  }
  body,
  h5, .style-h5,
  h6, .style-h6,
  .btn-corpo,
  .row-form input, .row-form select, .row-form textarea{
    font-size: 18px;
  }
  small, .small,
  #main-menu{
    font-size: 14px;
  }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  .content-wrapper{
    width: auto;
    max-width: 100%;
  }

  .content-wrapper,
  html#page-order-3-single main{ margin-left: 170px; }
  .content-wrapper,
  html#page-order-3-single main{ margin-right: 170px; }

  html#page-order-3-single main{ left: 0; }

/* -------------------------------------- SCROLL TO TOP -------------------------------------- */
  #scroll-to-top{
    bottom: -70px;
    width: 50px;
    height: 50px;
  }

  body.page-scrolled:not(.ajax-loading-step1) #scroll-to-top{ bottom: 50px; }

/*--------------------------------------------------------- MAIN MENU ---------------------------------------------------------*/
  #scroll-to-top{
    left: 170px;
    margin-left: -15px;
  }

  html#page-order-1 #scroll-to-top{ transform: translateX(-116px); }
  html#page-order-2 #scroll-to-top{ transform: translateX(-36px); }
  html#page-order-3 #scroll-to-top,
  html#page-order-3-single #scroll-to-top{ transform: translateX(34px); }
  html#page-order-4 #scroll-to-top{ transform: translateX(103px); }
}

@media(max-width: 1500px){
/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  .content-wrapper,
  html#page-order-3-single main{ margin-left: 130px; }
  .content-wrapper,
  html#page-order-3-single main{ margin-right: 130px; }

/*--------------------------------------------------------- MAIN MENU ---------------------------------------------------------*/
  #main-menu li{ width: 50px; }
  #main-menu li:nth-child(1){ margin-left: -203px; }
  #main-menu li:nth-child(2){ margin-left: -152px; }
  #main-menu li:nth-child(3){ margin-left: -101px; }
  #main-menu li:nth-child(4){ margin-left: -50px; }
  html:not(#page-order-1) #main-menu li:nth-child(1),
  html#page-order-3 #main-menu li:nth-child(2), html#page-order-3-single #main-menu li:nth-child(2),
  html#page-order-4 #main-menu li:nth-child(2),
  html#page-order-4 #main-menu li:nth-child(3){
    -webkit-transform: translateX(203px) translate3d(0,0,0);
    -moz-transform: translateX(203px) translate3d(0,0,0);
    -ms-transform: translateX(203px) translate3d(0,0,0);
    -o-transform: translateX(203px) translateY(0);
    transform: translateX(203px) translate3d(0,0,0);
  }

  #scroll-to-top{ left: 130px; }

  html#page-order-1 header,
  html#page-order-1 main,
  html#page-order-1 #scroll-to-top{ transform: translateX(-76px); }
  html#page-order-2 header,
  html#page-order-2 main,
  html#page-order-2 #scroll-to-top{ transform: translateX(-25px); }
  html#page-order-3 header,
  html#page-order-3 main,
  html#page-order-3-single header,
  html#page-order-3-single main,
  html#page-order-3 #scroll-to-top,
  html#page-order-3-single #scroll-to-top{ transform: translateX(25px); }
  html#page-order-4 header,
  html#page-order-4 main,
  html#page-order-4 #scroll-to-top{ transform: translateX(76px); }
}

@media(max-width: 1400px){
/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
  h1, .style-h1{
    font-size: 40px;
  }
  h2, .style-h2,
  h3, .style-h3{
    font-size: 32px;
  }
  h4, .style-h4{
    font-size: 24px;
  }
  body,
  h5, .style-h5,
  h6, .style-h6,
  .btn-corpo,
  .row-form input, .row-form select, .row-form textarea{
    font-size: 18px;
  }
  small, .small,
  #main-menu{
    font-size: 14px;
  }
}

@media(min-width: 1200px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-xl-up{ display: none !important; }
}

@media(max-width: 1199px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-lg-down{ display: none !important; }

/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
  h1, .style-h1{
    font-size: 35px;
  }
  #footer h1, #footer .style-h1,
  h2, .style-h2,
  h3, .style-h3{
    font-size: 28px;
  }
  h4, .style-h4{
    font-size: 24px;
  }
  body,
  h5, .style-h5,
  h6, .style-h6,
  .btn-corpo,
  .row-form input, .row-form select, .row-form textarea{
    font-size: 18px;
  }
  small, .small,
  #main-menu{
    font-size: 14px;
  }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  section.projects{ margin-top: 0 !important; }

  #header,
  html#page-order-3-single section#intro,
  #projects-list{ padding-top: 75px; }
  html#page-order-3-single section#intro,
  #footer{ padding-bottom: 75px; }
  html#page-order-3-single #page-3-single + section#intro{ padding-bottom: 100px; }

  #main-menu .link-wrapper,
  #mobile-menu-label-wrapper{ top: 1065px; }

  html#page-order-1 #scroll-to-top{ transform: translateX(-78px); }
  html#page-order-2 #scroll-to-top{ transform: translateX(-27px); }
  html#page-order-3 #scroll-to-top,
  html#page-order-3-single #scroll-to-top{ transform: translateX(23px); }
  html#page-order-4 #scroll-to-top{ transform: translateX(74px); }

/*--------------------------------------------------------- HEADER ---------------------------------------------------------*/
  .header-logo{ width: 80%; }

/* -------------------------------------- PROJECTS MENU -------------------------------------- */
  .projects-menu{ width: auto; }
  main .projects-menu ul{ margin-top: 0 !important; }
  .projects-menu li{ display: inline-block; }
  .projects-menu li a{ padding: 0 25px 0 0; }
  .projects-menu li:last-child a{ padding-right: 0; }

/* -------------------------------------- CONTACTS -------------------------------------- */
  .contact-item:not(:last-child){ margin-bottom: 50px; }
}

@media(min-width: 992px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-lg-up,
  body > .projects-menu,
  .text-3-col > .row .row [class*="col-"]:nth-last-child(-n+2) .text + .padding-m{ display: none !important; }

/*--------------------------------------------------------- OPACITY ---------------------------------------------------------*/
  html.no-touchevents section.projects-list.hover .section-name-wrapper,
  html.no-touchevents section.projects-list .project-item.not-hover{
    opacity: 0.0;
    filter:alpha(opacity=0);
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
  }
  html.no-touchevents section.projects-list.hover .bg-section-wrapper{
    opacity: 0.6;
    filter:alpha(opacity=60);
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
  }
  html.no-touchevents section.projects-list .project-item:hover{
    opacity: 1.0 !important;
    filter:alpha(opacity=100) !important;
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    -moz-opacity: 1.0 !important;
    -khtml-opacity: 1.0 !important;
  }
}

@media(max-width: 991px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-md-down,
  .text-3-col > .row > [class*="col-"] > .row > [class*="col-"]:last-child [class*="padding-"]{ display: none !important; }

/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
  h1, .style-h1{
    font-size: 30px;
  }
  h2, .style-h2,
  h3, .style-h3{
    font-size: 26px;
  }
  #footer h1, #footer .style-h1,
  h4, .style-h4{
    font-size: 22px;
  }
  body,
  h5, .style-h5,
  h6, .style-h6,
  .btn-corpo,
  .row-form input, .row-form select, .row-form textarea{
    font-size: 18px;
  }
  small, .small,
  #main-menu{
    font-size: 14px;
  }

  .text-left-md{ text-align: left !important; }
  .text-right-md{ text-align: right !important; }
  .text-center-md{ text-align: center !important; }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  .content-wrapper,
  html#page-order-3-single main{ margin-left: 50px; }
  .content-wrapper,
  html#page-order-3-single main{ margin-right: 100px; }
  .projects-list .section-name-wrapper,
  html#page-order-3-single main,
  section.projects-list,
  html:not(#page-order-3-single) section#intro + section,
  html#page-order-3-single #page-3-single + section#intro{ margin-top: 50px; }
  html#page-order-3-single main{ margin-top: 0; }
  .project-item:not(:last-child),
  .project-excerpt:not(:last-child),
  section.projects-list{ margin-bottom: 50px; }

  #header,
  .projects-list .project-title,
  .project-excerpt,
  section,
  html#page-order-1 section#intro,
  html#page-order-3-single #page-3-single + section#intro,
  html#page-order-3-single section#intro + section{ padding-top: 50px; }
  /*
  section#intro,
  html#page-order-3-single section#intro{ padding-top: 0; }
  */
  html#page-order-3-single section#intro,
  .project-item:last-child .project-title,
  .project-excerpt,
  section{ padding-bottom: 50px; }



  #main-menu .link-wrapper,
  #mobile-menu-label-wrapper{ top: 1040px; }
  #scroll-to-top{ left: 55px; }

/*--------------------------------------------------------- HEADER ---------------------------------------------------------*/
  /*
  html#page-order-2 #header .header-logo, html#page-order-3 #header .header-logo, html#page-order-3-single #header .header-logo, html#page-order-4 #header .header-logo{ margin-left: -6%; }
  */

/*--------------------------------------------------------- MAIN MENU ---------------------------------------------------------*/
  header,
  main,
  #scroll-to-top{ transform: translateX(0) !important; }

/*--------------------------------------------------------- INTRO ---------------------------------------------------------*/
  body:not(.home) #intro .padding-m.hidden-xl-up{ height: 25px; }

/* -------------------------------------- PROJECTS MENU -------------------------------------- */
  body > .projects-menu{
    left: 35px;
    right: 50px;
  }

/* -------------------------------------- PROJECT LIST -------------------------------------- */
  .project-item .bg-section-wrapper,
  .project-excerpt .bg-section{
    width: auto;
    left: -75%;
  }
  .project-item .bg-section-wrapper{
    right: 15px;
  }
  .project-excerpt .bg-section{
    right: 0;
  }

/* -------------------------------------- SINGLE PROJECT -------------------------------------- */
  html#page-order-3-single main{
    position: relative;
    left: auto;
    top: auto;
  }

/* -------------------------------------- SCROLL TO TOP -------------------------------------- */
  #scroll-to-top{
    margin-left: -20px;
    margin-bottom: -20px;
  }

/*--------------------------------------------------------- OPACITY ---------------------------------------------------------*/
  /*
  html#page-order-2 #header .logo-text, html#page-order-3 #header .logo-text, html#page-order-3-single #header .logo-text, html#page-order-4 #header .logo-text{
    opacity: 0.0;
    filter:alpha(opacity=0);
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
  }
  */
}

@media(min-width: 768px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-md-up{ display: none !important; }
}

@media(max-width: 767px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-sm-down{ display: none !important; }

  .text-left-sm{ text-align: left !important; }
  .text-right-sm{ text-align: right !important; }
  .text-center-sm{ text-align: center !important; }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  #mobile-menu .header-logo,
  .content-wrapper,
  html#page-order-3-single main{ margin-left: 25px; }
  .content-wrapper,
  html#page-order-3-single main{ margin-right: 25px; }
  html:not(#page-order-3-single) section#intro + section{ margin-top: 25px; }

  #mobile-menu ul.mobile-menu-list a{ padding-left: 25px; }
  #mobile-menu ul.mobile-menu-list a{ padding-right: 25px; }

  #scroll-to-top{ left: 25px; }
  body.page-scrolled:not(.ajax-loading-step1) #scroll-to-top{ bottom: 25px; }

/* -------------------------------------- MOBILE MENU -------------------------------------- */
  #mobile-menu-wrapper{
    margin-left: -50px;
    -webkit-transform: translateX(100%) translate3d(0,0,0);
    -moz-transform: translateX(100%) translate3d(0,0,0);
    -ms-transform: translateX(100%) translate3d(0,0,0);
    -o-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translate3d(0,0,0);
    z-index: 1000;
  }

  body.mobile-menu-opened-step2 #mobile-menu-wrapper,
  #mobile-menu,
  body:not(.mobile-menu-opened-step2) #mobile-menu-btn{
    -webkit-transform: translateX(50px) translate3d(0,0,0);
    -moz-transform: translateX(50px) translate3d(0,0,0);
    -ms-transform: translateX(50px) translate3d(0,0,0);
    -o-transform: translateX(50px) translateY(0);
    transform: translateX(50px) translate3d(0,0,0);
  }
  #mobile-menu{
    left: 50px;
    right: 0;
    width: auto;
  }
  body.mobile-menu-opened-step2 #mobile-menu{
    -webkit-transform: translateX(0) translate3d(0,0,0);
    -moz-transform: translateX(0) translate3d(0,0,0);
    -ms-transform: translateX(0) translate3d(0,0,0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translate3d(0,0,0);
  }
  body:not(.mobile-menu-opened-step2) #mobile-menu-btn{
    bottom: 100%;
    margin-bottom: -145px;
  }

  #mobile-menu .language-menu{ right: 25px; }

/* -------------------------------------- PROJECTS MENU -------------------------------------- */
  body > .projects-menu{
    left: 0;
  }

  .projects-menu ul{
    padding-top: 15px;
    padding-bottom: 15px;
  }

/* -------------------------------------- GALLERY IMAGE -------------------------------------- */
  .widget-gallery > .row{
    margin-left: -5px;
    margin-right: -5px;
  }
  .widget-gallery > .row > .col-6{
    padding-left: 5px;
    padding-right: 5px;
  }
  .gallery-image{
    margin-top: 5px;
    margin-bottom: 5px;
  }

/* -------------------------------------- SCROLL TO TOP -------------------------------------- */
  #scroll-to-top{
    margin-left: -15px;
    margin-bottom: -15px;
  }
}

@media(min-width: 576px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-sm-up{ display: none !important; }
}

@media(max-width: 575px){
/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
  .hidden-xs-down{ display: none !important; }

/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
  h1, .style-h1{
    font-size: 28px;
  }
  h2, .style-h2,
  h3, .style-h3{
    font-size: 24px;
  }
  #footer h1, #footer .style-h1,
  h4, .style-h4{
    font-size: 20px;
  }
  body,
  h5, .style-h5,
  h6, .style-h6,
  .btn-corpo,
  .row-form input, .row-form select, .row-form textarea{
    font-size: 16px;
  }
  small, .small,
  #main-menu{
    font-size: 12px;
  }

  .text-left-xs{ text-align: left !important; }
  .text-right-xs{ text-align: right !important; }
  .text-center-xs{ text-align: center !important; }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
  html:not(#page-order-3-single) section#intro + section{ margin-top: 0; }
  .project-item:not(:last-child){ margin-bottom: 50px; }

  section:not(#intro),
  #footer{ padding-top: 40px; }
  #header,
  html#page-order-3-single section#intro{ padding-top: 25px; }
  #mobile-menu ul.mobile-menu-list,
  .projects-list .project-title,
  .project-excerpt{ padding-top: 0; }
  #footer{ padding-bottom: 50px; }
  section:not(#intro){ padding-bottom: 40px; }
  .projects-list .project-title{ padding-bottom: 15px !important; }
  #mobile-menu ul.mobile-menu-list,
  .project-excerpt{ padding-bottom: 0; }

  #main-menu .link-wrapper,
  #mobile-menu-label-wrapper{ top: 1015px; }

/*--------------------------------------------------------- MOBILE MENU ---------------------------------------------------------*/
  body.mobile-menu-opened-step2 #mobile-menu-label-open { margin-top: -22px; }

  body:not(.mobile-menu-opened-step2) #mobile-menu-btn{ margin-bottom: -95px; }

/* -------------------------------------- PROJECT LIST -------------------------------------- */
  .project-item .bg-section-wrapper,
  .project-excerpt .bg-section,
  .project-excerpt .bg-section-wrapper{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
  }
  .project-item .bg-section-wrapper,
  .project-excerpt .bg-section{
    height: 0;
    padding-bottom: 60%;
  }

/* -------------------------------------- PROJECT EXCERPT -------------------------------------- */
  .project-excerpt .section-name-wrapper{
    width: 300px;
  }

/* -------------------------------------- GALLERY IMAGE -------------------------------------- */
  .widget-gallery > .row{
    margin-left: -2px;
    margin-right: -2px;
  }
  .widget-gallery > .row > .col-6{
    padding-left: 2px;
    padding-right: 2px;
  }
  .gallery-image{
    margin-top: 2px;
    margin-bottom: 2px;
  }

/*--------------------------------------------------------- FOOTER ---------------------------------------------------------*/
  #footer .text-right .btn-corpo{
    float: left;
    clear: both;
  }
  #footer .text-right .btn-corpo + .btn-corpo{
    margin-left: 0;
    margin-top: 25px;
  }
}