@media (min-width: 320px) and (max-width: 480px) {
    .logobar {
        height: 90px;
        background: #fff url("../../images/logo.png")center 20px no-repeat;
        margin-top: -20px;
        position: relative;
    }

    header {
        position: relative;
        top: 0;
    }

    .bannerslide {
        margin-top: 0;
    }

    .desc {
        display: none;
    }

    .searchbox {
        text-align: center;
        width: 70%;
        margin-left: 15%;
    }

    .carousel-indicators {
        bottom: 0px;
    }

    .copyright {
        width: 100%;
        padding-top: 0;
        text-align: center;
    }

    .foot-menu {
        display: none;
    }

    .address-box {
        width: 100%;
        border: none;
        padding-right: 0px;
        text-align: center;
    }

    .follow {
        border: none;
        width: 100%;
        text-align: center;
        padding-right: 0px;
        padding-top: 0px;
        min-height: 10px;
    }

        .follow a {
            display: inline-block;
            margin: 1%;
        }

    .content-box {
        margin-top: 0;
    }

    a.main-mnu {
        width: 48%;
    }

    .agents-r {
        width: 100%;
    }

    .agents-l {
        width: 100%;
        background: url("../../images/map.png")center center no-repeat;
        background-size: 100% 100%;
    }

    .agent-icon {
        margin-top: 0px;
    }

    .contact-address p {
        display: block;
        font-size: 11pt;
    }

    .feedback {
        width: 100%;
    }

    .dlbox {
        width: 100%;
    }

    .dlform {
        width: 99%;
    }

    p.feedback-title {
        width: 100%;
        padding-bottom: 5px;
    }

    .formbox {
        width: 100%;
    }

    a.facts {
        font-size: 11pt;
    }

        a.facts .image {
            width: 100%;
            float: right;
            margin-bottom: 1%;
        }

        a.facts .content {
            width: 100%;
            float: left;
            border: 1px #e5e5e6 solid;
            padding: 5%;
            position: relative;
            height: auto;
            margin-right: 0;
        }

    .facts-img {
        width: 100%;
    }

    .facts-detail {
        width: 100%;
        float: left;
    }

    .garanti-r {
        width: 100%;
        float: right;
        background: url("../../images/garanti-icon.png")center top no-repeat;
        margin-top: 0px;
        text-align: center;
    }

    .garanti-l {
        width: 100%;
        float: left;
    }

    .category {
        width: 48%;
        display: inline-block;
        float: right;
        margin: 1%;
    }

        .category .image img {
            width: 100%;
        }

    a.pro-list {
        width: 47%;
        float: right;
        margin: 1%;
    }

        a.pro-list .image img {
            width: 100%;
        }

    .pro-img-box {
        width: 100%;
    }

    .pro-detail {
        width: 100%;
    }

    .smallimg {
        width: 31%;
    }

    a.pdf {
        padding: 3% 8%;
    }

    .main-mnubox {
        padding-top: 50px;
        min-height: 300px;
    }

    .download {
        width: 90%;
    }

    .videoheight {
        height: 140px;
        margin-bottom: 5%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .logobar {
        height: 90px;
        background: #fff url("../../images/logo.png")center 20px no-repeat;
        margin-top: -20px;
        position: relative;
    }

    header {
        position: relative;
        top: 0;
    }

    .bannerslide {
        margin-top: 0;
    }

    .desc {
        display: none;
    }

    .searchbox {
        text-align: center;
        width: 50%;
        margin-left: 25%;
    }

    .carousel-indicators {
        bottom: 0px;
    }

    .copyright {
        width: 100%;
        padding-top: 0;
        text-align: center;
    }

    .foot-menu {
        display: none;
    }

    a.main-mnu {
        width: 31%;
    }

    .address-box {
        width: 100%;
        border: none;
        padding-right: 0px;
        text-align: center;
    }

    .follow {
        border: none;
        width: 100%;
        text-align: center;
        padding-right: 0px;
        padding-top: 0px;
        min-height: 10px;
    }

        .follow a {
            display: inline-block;
            margin: 1%;
        }

    .content-box {
        margin-top: 0;
    }

    .agents-r {
        width: 100%;
    }

    .agents-l {
        width: 100%;
        background: url("../../images/map.png")center center no-repeat;
        background-size: 320px 300px;
    }

    .agent-icon {
        margin-top: 0px;
    }

    .feedback {
        width: 100%;
    }

    .dlbox {
        width: 100%;
    }

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

    p.feedback-title {
        width: 100%;
        padding-bottom: 5px;
    }

    .formbox {
        width: 100%;
    }

    a.facts {
        font-size: 11pt;
    }

        a.facts .content {
            float: left;
            position: relative;
            width: 77%;
            margin-right: 0;
        }

    .facts-img {
        width: 50%;
        margin-right: 25%;
    }

    .facts-detail {
        width: 100%;
        float: left;
    }

    .garanti-r {
        width: 100%;
        float: right;
        background: url("../../images/garanti-icon.png")center top no-repeat;
        margin-top: 0px;
        text-align: center;
    }

    .garanti-l {
        width: 100%;
        float: left;
    }

    .category {
        width: 31%;
        display: inline-block;
        float: left;
        margin: 1%;
    }

        .category .image img {
            width: 100%;
        }

    .pro-img-box {
        width: 50%;
        margin-right: 25%;
    }

    .pro-detail {
        width: 100%;
    }

    .smallimg {
        width: 31%;
    }

    a.pdf {
        padding: 3% 8%;
    }

    a.pro-list {
        width: 31%;
        float: right;
        margin: 1%;
    }

        a.pro-list .image img {
            width: 100%;
        }

    .main-mnubox {
        padding-top: 50px;
        min-height: 500px;
    }

    .download {
        width: 47%;
    }
}


@media (min-width: 767px) and (max-width: 1024px) {
    .navbar-custom li {
        margin-left: 1px;
    }

        .navbar-custom li a {
            font-size: 10pt;
            padding: 10px 5px;
        }

    .desc {
        height: 80px;
        font-size: 10pt;
        overflow: hidden;
    }

    .carousel-caption {
        bottom: 5px;
        padding: 0;
    }

    .carousel-indicators {
        bottom: 45px;
    }

    .copyright {
        padding-top: 60px;
    }

    .agents-r {
        width: 50%;
        float: right;
        padding: 2%;
    }

    .agents-l {
        width: 50%;
        float: right;
        padding: 2%;
        background: url("../../images/map.png")center center no-repeat;
        min-height: 310px;
    }

    .feedback {
        width: 100%;
    }

    .dlbox {
        width: 100%;
    }

    .dlform {
        width: 48%;
        margin: 1%;
    }

    a.facts .content {
        font-size: 10pt;
        padding: 2%;
    }

    .category {
        width: 23%;
        display: inline-block;
        float: right;
        margin: 1%;
    }

        .category .image img {
            width: 100%;
        }

    a.main-mnu {
        width: 19%;
    }
}