@media screen and (max-width: 1135px) {
    .startOfContent {
        margin-top: 0;
    }

    .titleproduct1 {
        margin-bottom: 1%;
        width: 33%;
    }

    nav {
        position: relative;
        top: 0;
    }

    #pull img {
        filter: brightness(1000%);
    }

    .responsive2 {
        float: left;
        width: 48%;
        margin: 1%;
        min-width: 300px;
        height: 30vw;
    }

    .titleproduct1:hover {
        margin-bottom: 1%;
        width: 33%;
    }

    .logo {
        margin-left: 20px;
        z-index: 999999999;
    }

    .gallpicture {
        width: 95%;
        margin-left: 2.5%;
    }

    .filter {
        width: 100%;
    }

    nav ul {
        display: none;
        height: auto;
        background: transparent;
        padding-top: 90px;
        margin: 0;
        width: 100%;
        clear: both;
    }

    li a, .dropbtn {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
    }

    .content {
        width: 90%;
        text-align: center;
        box-shadow: 0px 2px 6px 10px rgba(165,176,210,0.6);
    }

    .wrapper {
        width: 100%;
    }


    .centar {
        text-align: center;
    }



    ul#categories li {
        width: 50%;
    }



    nav ul li {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

        nav ul li:last-child {
            border: none;
            margin-bottom: 30px;
        }

    nav a#pull {
        display: block;
        float: right;
        position: absolute;
        z-index: 99999;
        right: 0;
        padding: 15px 15px 10px 15px;
        margin-right: 20px;
    }

    ul#categories {
        width: 100%;
        margin: 0 auto;
    }

    .cart {
        display: none;
    }

    nav {
        width: 100%;
        height: 90px;
        z-index: 10;
        background-color: #000000;
    }

    .dropdown-content {
        width: 50%;
        background-color: white;
    }
}

@media screen and (max-width: 885px) {
    .footermenu {
        width: 100%;
        margin-left: 0%;
    }

    #slider {
        max-height: 400px;
    }

    .titleproduct1:hover {
        margin-bottom: 1%;
        width: 32.9%;
    }

    .titleproduct1 {
        margin-bottom: 1%;
        width: 32.9%;
    }

    #down {
        padding-top: 100px;
    }

    #up {
        padding-top: 100px;
    }

    #slider li {
        background-position: 60% 60%;
    }

    #slider ul li {
        width: 100%;
        height: 400px;
    }


    nav ul li {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

        nav ul li:last-child {
            border: none;
        }

    nav a#pull {
        display: block;
        float: right;
        z-index: 99999;
        right: 0;
        padding: 15px 15px 10px 15px;
    }

    ul#categories {
        width: 100%;
        margin: 0 auto;
    }


    #contact {
        padding-top: 55px;
    }

    .logo {
        z-index: 999999999;
    }

    ul#categories li {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .responsive {
        width: 49.99999%;
        margin: 5px 0;
    }

    #projectlogo {
        width: 30%;
    }

    .titlepricing {
        padding-top: 200px;
    }

    .leftsidetextcall {
        float: left;
        width: 50%;
    }

    .rightsidetextcall {
        float: left;
        width: 50%;
        padding-left: 2.5%;
    }

    .rightsidetext1 {
        width: 90%;
        margin-left: 5%;
    }

    .footerconact {
        float: left;
        width: 40%;
        margin-left: 10%;
    }

    #footerconact {
        float: left;
        width: 80%;
        margin-left: 10%;
    }

    .something {
        width: 90%;
        margin-left: 5%;
        font-size: 18px;
    }

    .leftsidetext {
        float: left;
        width: 95%;
        padding-left: 5%;
    }

    .rightsidetext {
        float: left;
        width: 95%;
        padding-left: 5%;
    }

    #contactimage {
        width: 50%;
        float: left;
        padding-top: 0%;
        margin-left: 25%;
        margin-top: 0%;
    }

    .leftside {
        float: left;
        width: 100%;
    }

    .rightside {
        float: left;
        width: 100%;
    }

    #slider .title {
        padding-top: 170px;
    }
}

@media screen and (max-width: 650px) {
    .responsive2 {
        float: left;
        width: 98%;
        margin: 1%;
        min-width: 300px;
        height: 57vw;
    }

    .servicesection {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 5%;
        padding-right: 3%;
        padding-left: 3%;
    }

    .footermenu {
        width: 100%;
        margin-left: 0%;
        display: none;
    }

    .logofooter {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }

    .titleproduct1:hover {
        margin-bottom: 1%;
        width: 32.7%;
    }

    .titleproduct1 {
        margin-bottom: 1%;
        width: 32.7%;
    }

    #projectlogo {
        width: 40%;
    }

    .rightsidetextproject {
        float: left;
        width: 90%;
        padding-left: 5%;
    }

    .leftsidetextproject {
        float: left;
        width: 90%;
        padding-left: 5%;
    }
}

@media screen and (max-width: 555px) {
    .logocontact {
        position: relative;
        font-weight: 400;
        float: none;
        width: 35px;
        margin: 20px auto;
    }

    .responsive {
        width: 100%;
    }
    .gallpicture .responsive{
        width: 50%;
        height: 175px !important;
    }

    #projectlogo {
        width: 50%;
    }

    .leftsidetextcall {
        float: left;
        width: 100%;
        padding-right: 0;
    }

    .rightsidetextcall {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .titleproduct1:hover {
        margin-bottom: 1%;
        width: 49%;
    }

    .titleproduct1 {
        margin-bottom: 1%;
        width: 49%;
    }

    .logo {
        z-index: 999999999;
        width: 60%;
        line-height: 100%;
        padding-top: 25px;
    }
    
    ul#categories {
        width: 100%;
    }

    .footerconact {
        float: none;
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .titlecontact{
        text-align: center;
    }

    nav ul li {
        display: block;
        width: 100%;
        text-align: center;
    }

        nav ul li:last-child {
            border: none;
        }

    nav a#pull {
        display: block;
        float: right;
        position: absolute;
        z-index: 99999;
        right: 0;
        padding: 15px 15px 10px 15px;
    }
    .footerconact img{
        float: none !important;
        margin: auto;
    }

    ul#categories li {
        width: 100%;
    }
}