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

    section.products h2 {
        font-size: 2vw;
        padding: 30px;
    }

}

@media screen and (max-width: 1024px) {
    section.hero h2 {
        font-size: 24px;
        font-weight: 100;
    }

    .single-image img {
        display: none;
    }

    .single-image li {
        text-decoration: none;
        list-style: none;
        background: #696a6c;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        /*margin-left: 10px;*/
    }

    .projects-page .col-md-9 {
        order: 1;
    }

    .projects-page .col-md-3 {
        order: 2;
    }

    .projects-page .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .projects-page .col-md-9 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .single-image .w3-opacity-off li {
        background: #00728F;
    }

    .selectors .row {
        /*display: contents;*/
        /*display: -webkit-inline-box;*/
        display: -webkit-inline-box;
        margin-left: 15px;
        /*width: 54%;*/
    }
    .gallery.projects-page .container {
       max-width: 80%;
    }
    .imp-pad {
        padding: 15px 5px;
        text-align: -webkit-center;
        width: 26px;
    }
    ul.sub-menu li a {
        font-weight: 300 !important;
    }
    .sidenav .closebtn {
        top: 1em;
        right: 40px;
        font-size: 50px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 780px) {
    .projects-page h2, .projects-page p {
        font-size: 17px;
    }



/*    .single-image img {
        width: 100px !important;
    }*/
}

@media screen and (max-width: 779px) {
/*    .single-image img {
        width: 70px !important;
    }*/
}

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

    .sidenav, .bellow {
        text-align: left;
    }

    nav li a {
        padding-left: 10px;
    }

    ul.sub-menu li a {
        /*font-size: 30px;*/
        line-height: 36px;
        padding: 0px 8px 0px 32px;
        font-weight: 300 !important
    }

    section.products h2 {
        font-size: 18px;
    }
    .form-right {
        margin-top: 20px;
    }

    section.products .text, .makein {
        height: auto;
    }

    section.products h2 {
        top: 0;
        transform: none;
    }


}

@media screen and (min-width: 1025px) {
    .single-image li {
        display: none;
    }


    .w3-opacity-off {opacity: 0.2;}
    .w3-hover-opacity-off:hover, .w3-hover-opacity:hover {opacity: 0.5;}
/*    .selectors {
        width: 75%;
    }*/
}

@media screen and (max-width: 500px) {
    .inlined {
        display: block;
    }
    .inlined h1 {
        padding: 0;
        font-size: 24px;
    }
    .right-menu span {
        font-size: 24px;
    }
    section.products h2 {
        /*font-size: 24px;*/
        font-weight: 300;
    }
    .gallery.projects-page .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .left-logo img {
        width: 100%;
    }
    .sidenav .closebtn {
        top: 1.2em;
        right: 20px;
        font-size: 35px;
    }
    .projects-page h2 {
        font-weight: 300;
    }
    .about h2 {
        font-weight: 300;
    }
    .about h3 {
        font-weight: 300;
    }
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  /*.sidenav a {font-size: 50px;}*/
}