/***** MEDIA QUERIES *****/
/*************************/

@media (max-width: 1281px) { 

}

@media (max-width: 1025px) { 
    .header-logo {
        width: 22%;
    }

    .how-work {
        display: none;
    }

    .cause .title .text-md {
        font-size: 44px;
    }

    .cause .title {
        padding: 50px 15px 0 15px;
    }

    .cause .cause-list span {
        height: 70px;
    }

    .dealer .info {
        width: 78%;
    }
	
	#warranty_big {
        display: none;
    }
	#utilization_big {
        display: none;
    }	
}
@media (min-width: 320px) and (max-width: 567px) {
	#warranty {
		left:70%;
		top: 300px;

	}
	#utilization {
		left:10%;
		top: 300px;

	}	

}
@media (min-width: 320px) and (max-width: 768px) {

    .main-nav {
        width: 303px;
        height: 100%;
        left: 0;
        padding: 0 15px;
    }

    .main-nav .dropdown {
        top: 167px !important;
    }

    .main-nav .dropdown.active {
        top: 172px !important;
        padding: 48px 0 20px;
    }

    .header-logo {
        width: 172px;
        margin: 0 auto;
        float: none;
    }

    .header-contact {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: none;
        margin-top: 10px;
    }

    .header-contact span {
        display: block;
        width: 100%;
        text-align: center;
    }

    .header-contact .contact-group, .header-contact .contact-phone {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .header-callback {
        width: 100%;
        float: left;
        margin: 10px 0 10px 0;
    }

    .btn-callback {
        margin: 0 auto;
    }

    .header-center {
        margin-top: 209px;
    }

    .header-center .text-md {
        font-size: 26px;
    }

    .header-center .text-lg {
        font-size: 40px;
        margin-top: 0;
    }

    .setting .text-lg {
        font-size: 30px;
    }

    .setting .text-md {
        font-size: 20px;
    }

    .advice span {
        font-size: 20px !important;
        line-height: 25px;
    }

    .advice .text-sm {
        font-size: 14px;
        padding-top: 0;
    }

    .advice .text-xs {
        margin-top: 10px;
    }

    .advice .form-default {
        margin-top: 15px;
    }
    .util span {
        font-size: 20px !important;
        line-height: 25px;
    }

    .util .text-sm {
        font-size: 14px;
        padding-top: 0;
    }

    .util .text-xs {
        margin-top: 10px;
    }

    .util .form-util {
        margin-top: 15px;
    }	

    .form-util input[type="text"] {
        width: 220px;
    }

    .compare-extra {
        text-align: center;
    }

    .compare-extra .more-table {
        width: 100%;
        float: none;
        display: inline-block;
        width: auto;
    }

    .compare-extra .compare-advice {
        width: 100%;
        float: none;
        display: inline-block;
    }

    .review .title {
        font-size: 36px;
    }

    .review .company img {
        display: block;
        margin: 0 auto;
    }

    .cause .title .fifteen {
        float: none;
        margin: 0 auto;
    }

    .cause .title .title-text {
        width: 100%;
        text-align: center;
    }

    .cause .title .title-text span {
        font-size: 24px !important;
    }

    .cause .btn-black, .cause .btn-yellow {
        width: 100%;
    }

    .our-clients .title {
        font-size: 36px;
    }

    .jcarousel li {
        width: 255px;
    }

    .jcarousel-pagination {
        display: none;
    }

    .documents .title {
        font-size: 36px;
    }

    .dealer .become {
        padding-top: 30px;
    }

    .dealer .left-time {
        float: none;
        margin: 0 auto;
        padding: 5px 30px;
    }

    .dealer .info {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
        line-height: 30px;
        margin-top: 10px;
    }

    .dealer .info .text-md {
        font-size: 20px;
    }

    .dealer .info .text-lg {
        font-size: 24px;
    }

    .dealer .info .text-md.x2 {
        font-size: 20px;
    }

    .dealer .info .text-sm {
        margin-top: 0;
        font-size: 16px;
    }

    .dealer .info .text-xs {
        margin-top: 10px;
        line-height: 20px;
    }

    .dealer .form-default {
        text-align: center;
        margin-top: 10px;
    }

    .dealer .form-default input {
        display: inline-block;
    }

    .dealer .form-default .btn-form {
        margin-top: 0;
    }

    .modify > .title {
        font-size: 36px;
    }

    .contact .info-block, .contact .form-block {
        width: 100%;
    }

    .contact .form-block {
        margin-top: 20px;
    }

}