/*** Default styles ***/
.menu-icon-sidebar,
#mobile-sidenav {
    display: none;
}

/************************************************
                0px ---> 1366px
 ************************************************/
@media screen and (max-width: 1366px) {

    /*** header.php ***/

    .header #main-menu ul li {
        padding: 0px
    }
    .header #main-menu ul li a {
        padding: 40px 18px
    }
    .header #main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a {
        margin: 0px
    }
}

/************************************************
                769px ---> 1024px
************************************************/
@media screen and (max-width: 1024px) and (min-width: 769px) {

    /*** banner cookies ***/
    .cc-cookies {
        font-size: 23px!important;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%!important;
        padding: 0.5em!important;
    }
    .cc-cookies::before,
    .cc-cookies::after {
        display: none;  /* Fix for ios devices */
    }  

    /*** header.php ***/

    .header #main-menu ul li a {
        font-size: 18px;
    }
    .header .social-icons li img:first-child {
        bottom: 0px;
        z-index: 1;
    }
    .header #top-bar > div > ul > li > a > img:nth-child(2) {
        display: none;
    }
    .header #top-bar {
        height: 50px;
    }
    .header .social-icons li {
        height: 50px;
        width: 50px;
    }
    .header .social-icons li img {
        left: unset;
        position: initial;
        width: 90%;
    }
    .header #logo {
        margin-left: 10px;
    }

    /*** footer.php ***/

    .footer {
        height: 100px;
    }
    .footer .copyright .container {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    .footer .copyright .container p {
        font-size: 23px;
        line-height: 33px;
    }

    /*** index.php ***/

    #home #primary {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    #home #primary::before, 
    #home #primary::after {
        display: none; /* Fix for ios devices */
    }
    #home .column.one-fourth {
        width: 50%;
        height: 450px
    }
    #home .column {
        margin: 0px;
        float: none;
        min-height: auto;
        position: initial;
    }
    #home .icon.change-image {
        display: flex;
        justify-content: center;
    }
    #home .icon.change-image::before, 
    #home .icon.change-image::after {
        display: none; /* Fix for ios devices */
    }
    #home .change-image img {
        position: initial;
        top: unset;
        left: unset;
    }
    #home .ico-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #home .ico-content h5 {
        font-size: 28px;
    }
    #home .ico-content p {
        font-size: 25px;
        line-height: 30px;
    }
    #home #primary h4 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #home .portfolio .portfolio-detail h5 {
        font-size: 30px;
        height: 60px;
    }
    #home .portfolio .portfolio-detail p {
        font-size: 25px;
    }
    #home #primary .intro-text img:nth-child(n+5){
        float: none!important;
        margin-right: initial!important;
        margin-bottom: initial!important;
    }
    #home #primary .intro-text h4 {
        font-size: 36px;
    }
    #home #primary .intro-text h6 {
        font-size: 25px;
        margin-top: 30px;
    }
    #home #primary .intro-text p {
        font-size: 25px;
        line-height: 30px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #home .portfolio.three-column {
        width: 330px!important;
    }

    /*** orologeria.php ***/

    #orologeria #primary div h3 {
        font-size: 28px;
        text-align: center;
    }
    #orologeria #primary div p {
        font-size: 25px;
        line-height: 30px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #orologeria #primary .img-half {
        width: 48%!important;
        float: none!important;
        margin-right: initial!important;
        display: inline-block!important;
        margin-left: 1%;
        margin-right: 1%;
    }
    #orologeria #primary .img-full {
        width: 50%!important;
        float: left!important;
    }
    #orologeria #primary .img-full img {
        height: 600px!important;
    }
    #orologeria #primary > div:last-child {
        float: none!important;
        width: 100%!important
    }

    /*** oreficeria.php ***/
    #oreficeria #primary div h3 {
        font-size: 28px;
        text-align: center;
    }
    #oreficeria #primary div p {
        font-size: 25px;
        line-height: 30px;   
        margin-left: 50px;
        margin-right: 50px;
    }

    /*** prodotti.php ***/
    #prodotti #primary p[align="center"] {
        font-size: 26px;
        line-height: 30px;
    }
    #prodotti #primary .sorting-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #prodotti #primary .sorting-container::before,
    #prodotti #primary .sorting-container::after {
        display: none; /* Fix for ios devices */
    }
    #prodotti #primary .sorting-container a {
        font-weight: 700;
    }
    #prodotti #primary .portfolio-container.gallery {
        width: 90%;
        margin-left: 5%!important;
        margin-right: 5%!important;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column {
        width: 30%;
        height: auto;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb img {
        width: 100%;
        height: auto;
    }

    /*** consigli_orologi.php ***/
    #consigli_orologi #primary div h3 {
        font-size: 28px;
        text-align: center;
    }
    #consigli_orologi #primary div p {
        font-size: 25px;
        line-height: 30px;
        margin-left: 50px;
        margin-right: 50px;
        text-align: justify; 
    }
    #consigli_orologi #primary > div > div {
        float: none!important;
        width: 100%!important;
    }
    #consigli_orologi #primary > div > div:nth-child(2) {
        float: left!important;
        width: 140px!important;
    }
    #consigli_orologi #primary > div > div:nth-child(4),
    #consigli_orologi #primary > div > div:nth-child(7) {
        float: left!important;
        width: 250px!important;
        margin-left: 50px;
    }
    #consigli_orologi #primary > div > p:nth-child(10) {
        text-align: center!important;
    }
    #consigli_orologi #primary > div > p:nth-child(10) img {
        margin-right: 0px!important;
    }
    #consigli_orologi #primary > div > p:nth-child(10) > span:nth-child(4) {
        white-space: nowrap;
    }

    /*** contatti.php ***/
    #contatti #contact-form .one-half {
        width: 95%;
    }
    #contatti #contact-form .one-half input {
        width: 99%!important;
    }
    #contatti #contact-form .one-half label[for=message] {
        font-size: 18px;
    }
    #contatti #contact-form > p.clear {
        width: 95%!important;
    }
    #contatti #contact-form textarea {
        width: 99%;
    }
    #contatti #contact-form input[type=submit] {
        font-size: 23px;
        width: 100%!important;
        height: 50px;
    }
    #contatti #contact-form #captchaimg {
        width: 60%;
    }
    #contatti #primary h3 {
        font-size: 28px;
    }
    #contatti #primary #main > div > div:nth-child(3) > h3,
    #contatti #primary #main > div > div:nth-child(3) > h4 {
        font-size: 26px;
        line-height: 30px;
    }
    #contatti .contact-details {
        width: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #contatti .contact-details::before,
    #contatti .contact-details::after {
        display: none; /* Fix for ios devices */
    }
    #contatti .contact-details p {
        float: none!important;
        margin: 0 0 0 5%!important;
        font-size: 18px;
        width: 40%;
    }
    #contatti .contact-details p span {
        font-size: 18px!important;
    }
    #contatti .contact-details span { 
        margin-right: 0px;
    }
    #contatti iframe {
        height: 730px;
        margin-left: 10px;
    }
    
    /*** Generic styles  ***/
    .breadcrumb {
        padding-left: 2%;
    }
    .breadcrumb a {
        font-size: 24px;
        line-height: 36px;
    }
    .breadcrumb h1 {
        font-size: 30px;
    }
    .breadcrumb .icon-chevron-right {
        margin-top: 10px;
    }
    .border-title h2 {
        font-size: 26px;
    }
    .partner-carousel li img {
        opacity: 1;
    }
    .partner-carousel li, .partner-carousel li:hover {
        border: 10px solid #ededed;
    }
    .boxed .wrapper {
        width: 100%;
        margin-bottom: 0px;
    }
    .container {
        width: 100%;
    }

}

/************************************************
                401px ---> 768px
************************************************/
@media screen and (max-width: 768px) and (min-width: 450px) {
    /*** banner cookies ***/
    .cc-cookies {
        font-size: 18px!important;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%!important;
        padding: 0.5em!important;
        padding-bottom: 20px!important;
    }
    .cc-cookies::before,
    .cc-cookies::after {
        display: none;  /* Fix for ios devices */
    }  

    /*** header.php ***/

    .header #main-menu ul li a {
        font-size: 11px;
        font-weight: 700;
    }
    .header .social-icons li img:first-child {
        bottom: 0px;
        z-index: 1;
    }
    .header #top-bar > div > ul > li > a > img:nth-child(2) {
        display: none;
    }
    .header #top-bar {
        height: 40px;
    }
    .header .social-icons li {
        height: 40px;
        width: 40px;
    }
    .header .social-icons li img {
        left: unset;
        position: initial;
        width: 90%;
    }
    .header #logo {
        margin-left: 10px;
    }

    /*** footer.php ***/

    .footer {
        height: 100px;
    }
    .footer .copyright .container {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    .footer .copyright .container p {
        font-size: 20px;
        line-height: 30px;
    }

    /*** index.php ***/

    #home #primary {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    #home #primary::before, 
    #home #primary::after {
        display: none; /* Fix for ios devices */
    }
    #home .column.one-fourth {
        width: 50%;
        height: 450px
    }
    #home .column {
        margin: 0px;
        float: none;
        min-height: auto;
        position: initial;
    }
    #home .icon.change-image {
        display: flex;
        justify-content: center;
    }
    #home .icon.change-image::before, 
    #home .icon.change-image::after {
        display: none; /* Fix for ios devices */
    }
    #home .change-image img {
        position: initial;
        top: unset;
        left: unset;
    }
    #home .ico-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #home .ico-content h5 {
        font-size: 20px;
    }
    #home .ico-content p {
        font-size: 17px;
        line-height: 22px;
    }
    #home #primary h4 {
        font-size: 23px;
        line-height: 27px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #home .portfolio .portfolio-detail h5 {
        font-size: 22px;
        height: 60px;
    }
    #home .portfolio .portfolio-detail p {
        font-size: 17px;
    }
    #home #primary .intro-text img:nth-child(n+5){
        float: none!important;
        margin-right: initial!important;
        margin-bottom: initial!important;
        width: 24%;
    }
    #home #primary .intro-text h4 {
        font-size: 30px;
    }
    #home #primary .intro-text h6 {
        font-size: 18px;
        margin-top: 27px;
    }
    #home #primary .intro-text p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #home #primary h2 {
        font-size: 20px;
    }
    #home .portfolio.three-column {
        width: 244px!important;
    }

    /*** orologeria.php ***/

    #orologeria #primary h2 {
        font-size: 20px;
    }
    #orologeria #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #orologeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #orologeria #primary .img-half {
        width: 48%!important;
        float: none!important;
        margin-right: initial!important;
        display: inline-block!important;
        margin-left: 1%;
        margin-right: 1%;
    }
    #orologeria #primary .img-full {
        width: 50%!important;
        float: left!important;
    }
    #orologeria #primary .img-full img {
        height: 500px!important;
    }
    #orologeria #primary > div:last-child {
        float: none!important;
        width: 100%!important
    }

    /*** oreficeria.php ***/
    #oreficeria #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #oreficeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #oreficeria #primary h2 {
        font-size: 20px;
    }

    /*** prodotti.php ***/
    #prodotti #primary p[align="center"] {
        font-size: 17px;
        line-height: 21px;
    }
    #prodotti #primary .sorting-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #prodotti #primary .sorting-container::before,
    #prodotti #primary .sorting-container::after {
        display: none; /* Fix for ios devices */
    }
    #prodotti #primary .sorting-container {
        width: 96%;
        margin-left: 2%;
    }
    #prodotti #primary .sorting-container a {
        font-weight: 400;
        line-height: 20px;
        height: 40px;
    }
    #prodotti #primary .portfolio-container.gallery {
        width: 90%;
        margin-left: 5%!important;
        margin-right: 5%!important;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column {
        width: 30%;
        height: auto;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb img {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column h5,
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column p { 
        line-height: 20px;
    }

    /*** consigli_orologi.php ***/
    #consigli_orologi #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #consigli_orologi #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
        text-align: justify; 
    }
    #consigli_orologi #primary > div > div {
        float: none!important;
        width: 100%!important;
    }
    #consigli_orologi #primary > div > div:nth-child(2) {
        float: left!important;
        width: 140px!important;
    }
    #consigli_orologi #primary > div > div:nth-child(4),
    #consigli_orologi #primary > div > div:nth-child(7) {
        float: left!important;
        width: 250px!important;
        margin-left: 50px;
    }
    #consigli_orologi #primary > div > p:nth-child(10) {
        text-align: center!important;
    }
    #consigli_orologi #primary > div > p:nth-child(10) img {
        margin-right: 0px!important;
        width: 33%;
    }
    #consigli_orologi #primary > div > p:nth-child(10) > span:nth-child(4) {
        white-space: nowrap;
    }

    /*** contatti.php ***/
    #contatti #contact-form .one-half {
        width: 100%;
    }
    #contatti #contact-form .one-half input {
        width: 90%!important;
    }
    #contatti #contact-form .one-half label[for=message] {
        font-size: 18px;
    }
    #contatti #contact-form > p.clear {
        width: 91%!important;
    }
    #contatti #contact-form textarea {
        width: 99%;
    }
    #contatti #contact-form input[type=submit] {
        font-size: 23px;
        width: 100%!important;
        height: 50px;
    }
    #contatti #contact-form #captchaimg {
        width: 50%;
    }
    #contatti #primary h3 {
        font-size: 20px;
    }
    #contatti #primary #main > div > div:nth-child(3) > h3,
    #contatti #primary #main > div > div:nth-child(3) > h4 {
        font-size: 26px;
        line-height: 30px;
    }
    #contatti .contact-details {
        width: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #contatti .contact-details::before,
    #contatti .contact-details::after {
        display: none; /* Fix for ios devices */
    }
    #contatti .contact-details p {
        float: none!important;
        margin: 0 0 0 5%!important;
        font-size: 18px;
        width: 40%;
    }
    #contatti .contact-details p span {
        font-size: 18px!important;
    }
    #contatti .contact-details span { 
        margin-right: 0px;
    }
    #contatti iframe {
        height: 710px;
        margin-left: 10px;
    }
    #contatti #contact-form > p:nth-child(1) > input[type=text] {
        margin-bottom: 0px;
    }   
    #contatti #contact-form > p.column.one-half.last > input[type=email] {
        margin-bottom: 10px;
    }
    #contatti #contact-form {
        margin-top: 0px;
    }
    #contatti #primary > h3 {
        margin-bottom: 0px;
    }

    /*** Generic styles  ***/
    .breadcrumb {
        padding-left: 2%;
    }
    .breadcrumb-section {
        padding: 10px 0px 10px;
    }
    .breadcrumb a {
        font-size: 14px;
        line-height: 25px;
    }
    .breadcrumb h1 {
        font-size: 20px;
    }
    .breadcrumb .icon-chevron-right {
        margin-top: 5px;
    }
    .border-title h2 {
        font-size: 26px;
    }
    .partner-carousel li img {
        opacity: 1;
    }
    .partner-carousel li, .partner-carousel li:hover {
        border: 10px solid #ededed;
    }
    .boxed .wrapper {
        width: 100%;
        margin-bottom: 0px;
    }
    .container {
        width: 100%;
    }
}

/************************************************
                0px ---> 767px
************************************************/
@media screen and (max-width: 767px) {

    /***  header.php ***/
    .menu-icon-sidebar,
    #mobile-sidenav {
        display: block;
    }
    .menu-icon-sidebar {
        height: 50px;
        width: 50px;
        z-index: 10200;
        display: inline-block;
        margin-right: 2%;
    }
    .menu-icon-sidebar div {
        width: 35px;
        height: 5px;
        background-color: black;
        margin: 6px 0;
    }
    .menu-icon-sidebar div:first-child {
        margin-top: 10px;
    }
    #header {
        position: fixed;
        display: flex;
        align-items: center;
        z-index: 20000;
    }
    #header::before,
    #header::after {
        display: none; /* Fix for ios devices */
    }
    #mobile-sidenav {
        position: fixed;
        height: 100%;
        width: 70%;
        background-color: #c0b9a8;
        top: 0px;
        left: 30%;
        z-index: 10100;
        margin-left: 100%;
        overflow-x: hidden;
        transition: 0.4s;
    }
    #mobile-sidenav div {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        height: 30%;
        margin-top: 30%;
        text-align: right;
    }
    #mobile-sidenav a {
        width: 100%;
        height: 50px;
        line-height: 40px;
        font-size: 20px;
        color: black;
    }
    .show-sidebar {
        margin-left: 0%!important;
    }
    .header #main-menu ul {
        display: none;
    }
    .header #top-bar {
        display: none;
    }
    .social-icons-sidebar {
        display: block!important;
        z-index: 90000!important;
        position: fixed!important;
        width: 150px!important;
        height: auto!important;
        bottom: 0%!important;
        right: -80%!important;
        background: transparent!important;
        transition: 0.4s;
    }
    .social-icons-show {
        right: 10%!important;
    }
    #home .portfolio-carousel-wrapper #prev2 {
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 2%;
    }
    #home .portfolio-carousel-wrapper #next2 {
        font-size: 50px;
        position: absolute;
        top: 50%;
        right: 2%;
    }
    .overlay-shadow-show {
        display: block!important;
    }


}

/************************************************
                321px ---> 600px
************************************************/
@media screen and (max-width: 600px) and (min-width: 321px) {

    .boxed .wrapper {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    /*** banner cookies ***/
    .cc-cookies {
        font-size: 20px!important;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%!important;
        padding: 0.5em 0 0 0!important;
    }
    .cc-cookies::before,
    .cc-cookies::after {
        display: none;  /* Fix for ios devices */
    }  

    /*** header.php ***/

    .header #main-menu ul li a {
        font-size: 11px;
        font-weight: 700;
    }
    .header .social-icons li img:first-child {
        bottom: 0px;
        z-index: 1;
    }
    .header #top-bar > div > ul > li > a > img:nth-child(2) {
        display: none;
    }
    .header #top-bar {
        height: 40px;
    }
    .header .social-icons li {
        height: 40px;
        width: 40px;
    }
    .header .social-icons li img {
        left: unset;
        position: initial;
        width: 90%;
    }
    .header #logo {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .header #logo a img {
        max-width: 80%;
        margin-left: 5%;
    }
    #slider {
        margin-top: 25%;
    }

  

    /*** footer.php ***/

    .footer .copyright .container {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    

    /*** index.php ***/

    #home #primary {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    #home #primary::before, 
    #home #primary::after {
        display: none; /* Fix for ios devices */
    }
    #home .column.one-fourth {
        width: 100%;
        height: 450px
    }
    #home .column {
        margin: 0px;
        float: none;
        min-height: auto;
        position: initial;
    }
    #home .icon.change-image {
        display: flex;
        justify-content: center;
    }
    #home .icon.change-image::before, 
    #home .icon.change-image::after {
        display: none; /* Fix for ios devices */
    }
    #home .change-image img {
        position: initial;
        top: unset;
        left: unset;
    }
    #home .ico-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #home .ico-content h5 {
        font-size: 20px;
    }
    #home .ico-content p {
        font-size: 17px;
        line-height: 22px;
    }
    #home #primary h4 {
        font-size: 23px;
        line-height: 27px;
        margin-top: 30px;
        margin-bottom: 10px;
        width: 80%;
    }
    #home .intro-text.type1 h4 {
        margin-left: auto;
        margin-right: auto;
    }
    #home .portfolio .portfolio-detail h5 {
        font-size: 22px;
        height: 60px;
    }
    #home .portfolio .portfolio-detail p {
        font-size: 17px;
    }
    #home #primary > div.intro-text.type1 > img:nth-child(3),
    #home #primary > div.intro-text.type1 > img:nth-child(4) {
        margin-top: -30px!important;
    }
    #home #primary .intro-text img:nth-child(n+5){
        float: none!important;
        margin-right: initial!important;
        margin-bottom: initial!important;
        width: 47%;
    }
    #home #primary .intro-text h4 {
        font-size: 30px;
    }
    #home #primary .intro-text h6 {
        font-size: 18px;
        margin-top: 27px;
    }
    #home #primary .intro-text p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #home #primary h2 {
        font-size: 20px;
    }
    #home .caroufredsel_wrapper ul {
        width: 960px!important;
    }

    /*** orologeria.php ***/

    #orologeria #primary h2 {
        font-size: 20px;
    }
    #orologeria #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #orologeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #orologeria #primary .img-half {
        width: 100%!important;
        float: none!important;
        margin-right: initial!important;
        display: inline-block!important;
        margin-left: 1%;
        margin-right: 1%;
    }
    #orologeria #primary .img-full {
        width: 100%!important;
    }
    #orologeria #primary .img-full img {
        height: 500px!important;
    }
    #orologeria #primary > div:last-child {
        float: none!important;
        width: 100%!important
    }

    /*** oreficeria.php ***/
    #oreficeria #primary div h3 {
        font-size: 20px;
        text-align: center;
        width: 80%;
        margin-left: 10%;
    }
    #oreficeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #oreficeria #primary h2 {
        font-size: 20px;
    }

    /*** prodotti.php ***/
    #prodotti #primary p[align="center"] {
        font-size: 17px;
        line-height: 21px;
    }
    #prodotti #primary .sorting-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #prodotti #primary .sorting-container::before,
    #prodotti #primary .sorting-container::after {
        display: none; /* Fix for ios devices */
    }
    #prodotti #primary .sorting-container {
        width: 96%;
        margin-left: 2%;
    }
    #prodotti #primary .sorting-container a {
        font-weight: 400;
        line-height: 20px;
        height: 40px;
    }
    #prodotti #primary .portfolio-container.gallery {
        width: 90%;
        margin-left: 5%!important;
        margin-right: 5%!important;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 100%!important;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb img {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column h5,
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column p { 
        line-height: 20px;
    }
    #prodotti .sorting-container {
        display: flex;
        flex-wrap: wrap;
    }
    #prodotti .sorting-container::before,
    #prodotti .sorting-container::after {
        display: none; /* Fix for ios devices */
    }

    /*** consigli_orologi.php ***/
    #consigli_orologi #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #consigli_orologi #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
        text-align: justify; 
    }
    #consigli_orologi #primary > div > div {
        float: none!important;
        width: 100%!important;
    }
    #consigli_orologi #primary > div > div:nth-child(2) {
        float: left!important;
        width: 140px!important;
    }
    #consigli_orologi #primary > div > div:nth-child(4),
    #consigli_orologi #primary > div > div:nth-child(7) {
        float: left!important;
        width: 250px!important;
        margin-left: 50px;
    }
    #consigli_orologi #primary > div > p:nth-child(10) {
        text-align: center!important;
    }
    #consigli_orologi #primary > div > p:nth-child(10) img {
        margin-right: 0px!important;
        width: 100%;
    }
    #consigli_orologi #primary > div > p:nth-child(10) > span:nth-child(4) {
        white-space: initial;
    }

    /*** contatti.php ***/
    #contatti #contact-form {
        margin-left: 2%;
        margin-right: 2%;
    }
    #contatti #contact-form .one-half {
        width: 100%;
    }
    #contatti #contact-form .one-half input {
        width: 90%!important;
    }
    #contatti #contact-form input[name="captcha"] {
        width: 70%!important;
    }
    #contatti #contact-form .one-half label[for=message] {
        font-size: 18px;
    }
    #contatti #contact-form > p.clear {
        width: 91%!important;
    }
    #contatti #contact-form textarea {
        width: 99%;
    }
    #contatti #contact-form input[type=submit] {
        font-size: 23px;
        width: 100%!important;
        height: 50px;
    }
    #contatti #contact-form #captchaimg {
        width: 50%;
    }
    #contatti #primary h3 {
        font-size: 20px;
        margin-left: 2%;
    }
    #contatti #primary #main > div > div:nth-child(3) > h3,
    #contatti #primary #main > div > div:nth-child(3) > h4 {
        font-size: 26px;
        line-height: 30px;
    }
    #contatti .contact-details {
        width: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #contatti .contact-details::before,
    #contatti .contact-details::after {
        display: none; /* Fix for ios devices */
    }
    #contatti .contact-details p {
        float: none!important;
        margin: 0 0 0 5%!important;
        font-size: 15px;
        width: 100%;
    }
    #contatti .contact-details p span {
        font-size: 18px!important;
    }
    #contatti .contact-details span { 
        margin-right: 0px;
    }
    #contatti iframe {
        height: 500px;
        margin-left: 0px;
    }
    #contatti .two-third, #contatti .one-third {
        width: 100%!important;
    }
    #contatti #contact-form small {
        display: block;
        width: 80%;
    }
    #contatti #main .container {
        display: flex;
        flex-direction: column;
    }
    #contatti #main .container::before,
    #contatti #main .container::after {
        display: none;
    }
    #contatti #main .container .column {
        order: 3;
    }
    #contatti #main .container .column.two-third {
        order: 2;
    }
    #contatti #main .container .column.one-third.last {
        order: 1;
    }

    /*** Generic styles  ***/
    .breadcrumb {
        padding-left: 2%;
    }
    .breadcrumb-section {
        padding: 90px 0px 10px;
    }
    .breadcrumb a {
        font-size: 14px;
        line-height: 25px;
    }
    .breadcrumb h1 {
        font-size: 20px;
    }
    .breadcrumb .icon-chevron-right {
        margin-top: 5px;
    }
    .border-title h2 {
        font-size: 26px;
    }
    .partner-carousel li img {
        opacity: 1;
    }
    .partner-carousel li, .partner-carousel li:hover {
        border: 10px solid #ededed;
    }
    .boxed .wrapper {
        width: 100%;
        margin-bottom: 0px;
    }
    .container {
        width: 100%;
    }
}

/************************************************
                0px ---> 320px
************************************************/
@media screen and (max-width: 320px) {

    .boxed .wrapper {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    /*** banner cookies ***/
    .cc-cookies {
        font-size: 20px!important;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%!important;
        padding: 0.5em 0 0 0!important;
    }
    .cc-cookies::before,
    .cc-cookies::after {
        display: none;  /* Fix for ios devices */
    }  

    /*** header.php ***/

    .header #main-menu ul li a {
        font-size: 11px;
        font-weight: 700;
    }
    .header .social-icons li img:first-child {
        bottom: 0px;
        z-index: 1;
    }
    .header #top-bar > div > ul > li > a > img:nth-child(2) {
        display: none;
    }
    .header #top-bar {
        height: 40px;
    }
    .header .social-icons li {
        height: 40px;
        width: 40px;
    }
    .header .social-icons li img {
        left: unset;
        position: initial;
        width: 90%;
    }
    .header #logo {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .header #logo a img {
        max-width: 80%;
        margin-left: 5%;
    }
    #slider {
        margin-top: 25%;
    }

  

    /*** footer.php ***/

    .footer .copyright .container {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    

    /*** index.php ***/

    #home #primary {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    #home #primary::before, 
    #home #primary::after {
        display: none; /* Fix for ios devices */
    }
    #home .column.one-fourth {
        width: 100%;
        height: 450px
    }
    #home .column {
        margin: 0px;
        float: none;
        min-height: auto;
        position: initial;
    }
    #home .icon.change-image {
        display: flex;
        justify-content: center;
    }
    #home .icon.change-image::before, 
    #home .icon.change-image::after {
        display: none; /* Fix for ios devices */
    }
    #home .change-image img {
        position: initial;
        top: unset;
        left: unset;
    }
    #home .ico-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #home .ico-content h5 {
        font-size: 20px;
    }
    #home .ico-content p {
        font-size: 17px;
        line-height: 22px;
    }
    #home #primary h4 {
        font-size: 23px;
        line-height: 27px;
        margin-top: 30px;
        margin-bottom: 10px;
        width: 80%;
    }
    #home .intro-text.type1 h4 {
        margin-left: auto;
        margin-right: auto;
    }
    #home .portfolio .portfolio-detail h5 {
        font-size: 22px;
        height: 60px;
    }
    #home .portfolio .portfolio-detail p {
        font-size: 17px;
    }
    #home #primary > div.intro-text.type1 > img:nth-child(3),
    #home #primary > div.intro-text.type1 > img:nth-child(4) {
        margin-top: -30px!important;
    }
    #home #primary .intro-text img:nth-child(n+5){
        float: none!important;
        margin-right: initial!important;
        margin-bottom: initial!important;
        width: 47%;
    }
    #home #primary .intro-text h4 {
        font-size: 30px;
    }
    #home #primary .intro-text h6 {
        font-size: 18px;
        margin-top: 27px;
    }
    #home #primary .intro-text p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #home #primary h2 {
        font-size: 20px;
    }
    #home .caroufredsel_wrapper {
        /*overflow-x: scroll!important;*/
    }
    #home .caroufredsel_wrapper ul {
        width: 960px!important;
    }

    /*** orologeria.php ***/

    #orologeria #primary h2 {
        font-size: 20px;
    }
    #orologeria #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #orologeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #orologeria #primary .img-half {
        width: 100%!important;
        float: none!important;
        margin-right: initial!important;
        display: inline-block!important;
        margin-left: 1%;
        margin-right: 1%;
    }
    #orologeria #primary .img-full {
        width: 100%!important;
    }
    #orologeria #primary .img-full img {
        height: 500px!important;
    }
    #orologeria #primary > div:last-child {
        float: none!important;
        width: 100%!important
    }

    /*** oreficeria.php ***/
    #oreficeria #primary div h3 {
        font-size: 20px;
        text-align: center;
        width: 80%;
        margin-left: 10%;    
    }
    #oreficeria #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #oreficeria #primary h2 {
        font-size: 20px;
    }

    /*** prodotti.php ***/
    #prodotti #primary p[align="center"] {
        font-size: 17px;
        line-height: 21px;
    }
    #prodotti #primary .sorting-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #prodotti #primary .sorting-container::before,
    #prodotti #primary .sorting-container::after {
        display: none; /* Fix for ios devices */
    }
    #prodotti #primary .sorting-container {
        width: 96%;
        margin-left: 2%;
    }
    #prodotti #primary .sorting-container a {
        font-weight: 400;
        line-height: 20px;
        height: 40px;
    }
    #prodotti #primary .portfolio-container.gallery {
        width: 90%;
        margin-left: 5%!important;
        margin-right: 5%!important;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 100%!important;
    }
    .fixProductsView {
        transform: translate3d(0px, 0px, 0px)!important;
    } 
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column .portfolio-thumb img {
        width: 100%;
        height: auto;
    }
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column h5,
    #prodotti #primary .portfolio-container.gallery .portfolio.four-column p { 
        line-height: 20px;
    }

    #prodotti .sorting-container {
        display: flex;
        flex-wrap: wrap;
    }
    #prodotti .sorting-container::before,
    #prodotti .sorting-container::after {
        display: none; /* Fix for ios devices */
    }

    /*** consigli_orologi.php ***/
    #consigli_orologi #primary div h3 {
        font-size: 20px;
        text-align: center;
    }
    #consigli_orologi #primary div p {
        font-size: 17px;
        line-height: 22px;
        margin-left: 50px;
        margin-right: 50px;
        text-align: justify; 
    }
    #consigli_orologi #primary > div > div {
        float: none!important;
        width: 100%!important;
    }
    #consigli_orologi #primary > div > div:nth-child(2) {
        float: left!important;
        width: 140px!important;
    }
    #consigli_orologi #primary > div > div:nth-child(4),
    #consigli_orologi #primary > div > div:nth-child(7) {
        float: left!important;
        width: 250px!important;
        margin-left: 50px;
    }
    #consigli_orologi #primary > div > p:nth-child(10) {
        text-align: center!important;
    }
    #consigli_orologi #primary > div > p:nth-child(10) img {
        margin-right: 0px!important;
        width: 100%;
    }
    #consigli_orologi #primary > div > p:nth-child(10) > span:nth-child(4) {
        white-space: initial;
    }

    /*** contatti.php ***/
    #contatti #contact-form {
        margin-left: 2%;
        margin-right: 2%;
    }
    #contatti #contact-form .one-half {
        width: 100%;
    }
    #contatti #contact-form .one-half input {
        width: 90%!important;
    }
    #contatti #contact-form input[name="captcha"] {
        width: 70%!important;
    }
    #contatti #contact-form .one-half label[for=message] {
        font-size: 18px;
    }
    #contatti #contact-form > p.clear {
        width: 91%!important;
    }
    #contatti #contact-form textarea {
        width: 99%;
    }
    #contatti #contact-form input[type=submit] {
        font-size: 23px;
        width: 100%!important;
        height: 50px;
    }
    #contatti #contact-form #captchaimg {
        width: 50%;
    }
    #contatti #primary h3 {
        font-size: 20px;
        margin-left: 2%;
    }
    #contatti #primary #main > div > div:nth-child(3) > h3,
    #contatti #primary #main > div > div:nth-child(3) > h4 {
        font-size: 26px;
        line-height: 30px;
    }
    #contatti .contact-details {
        width: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #contatti .contact-details::before,
    #contatti .contact-details::after {
        display: none; /* Fix for ios devices */
    }
    #contatti .contact-details p {
        float: none!important;
        margin: 0 0 0 5%!important;
        font-size: 15px;
        width: 100%;
    }
    #contatti .contact-details p span {
        font-size: 18px!important;
    }
    #contatti .contact-details span { 
        margin-right: 0px;
    }
    #contatti iframe {
        height: 500px;
        margin-left: 0px;
    }
    #contatti .two-third, #contatti .one-third {
        width: 100%!important;
    }
    #contatti #contact-form small {
        display: block;
        width: 80%;
    }
    #contatti #main .container {
        display: flex;
        flex-direction: column;
    }
    #contatti #main .container::before,
    #contatti #main .container::after {
        display: none;
    }
    #contatti #main .container .column {
        order: 3;
    }
    #contatti #main .container .column.two-third {
        order: 2;
    }
    #contatti #main .container .column.one-third.last {
        order: 1;
    }

    /*** Generic styles  ***/
    .breadcrumb {
        padding-left: 2%;
    }
    .breadcrumb-section {
        padding: 90px 0px 10px;
    }
    .breadcrumb a {
        font-size: 14px;
        line-height: 25px;
    }
    .breadcrumb h1 {
        font-size: 20px;
    }
    .breadcrumb .icon-chevron-right {
        margin-top: 5px;
    }
    .border-title h2 {
        font-size: 26px;
    }
    .partner-carousel li img {
        opacity: 1;
    }
    .partner-carousel li, .partner-carousel li:hover {
        border: 10px solid #ededed;
    }
    .boxed .wrapper {
        width: 100%;
        margin-bottom: 0px;
    }
    .container {
        width: 100%;
    }
    
}

@media screen and (max-width: 740px) and (orientation: landscape) { 
    .footer {
        height: 200px;
    }
    #mobile-sidenav div {
        margin-top: 10%;
    }
    #mobile-sidenav a {
        height: 32px;        
    }
}

@media screen and (min-width: 1025px) {
    .portfolio.three-column {
        width: 340px!important;
    }
}