﻿#wrapper {
    background: #f1f0f0;
}

@media all and (min-width: 761px) and (max-width: 980px) {
    
    .commercial-items-list .item-outer .item {
        height: 348px;
    }

    .commercial-items-list .item-outer .item .image {
        height: 90px;
    }

    .commercial-items-list.categories .item {
        height: 234px;
    }

    .commercial-items-list.categories .item-outer .item .image {
        height: 94px;
    }

    .commercial .product-full .specifications .compare-message,
    .commercial .product-full .specifications .spec-table {
        width: auto;
        float: none;
    }

    .commercial .product-full .specifications .compare-message .btn-link {
        float: left;
    }

    .benefits .keys .fact-text {
        font-size: 20px;
    }
}

@media screen and (max-width: 760px) {
    .commercial-items-list .item-outer {
        width: 100%;
    }

    .commercial-items-list .item-outer .item {
        height: auto;
    }

    .commercial-items-list .item-outer .item .image {
        height: auto;
    }

    .commercial-items-list .item-outer .item .image img {
        width: 100%;
        height: auto;
    }

    .commercial-items-list .item-outer .item .info .description {
        height: auto;
    }

    .commercial-items-list .item-outer .item .links {
        position: relative;
    }

    .commercial-panel .column,
    .commercial-panel:nth-child(even) .column {
        width: auto;
    }

    .commercial-panel .column,
    .commercial-panel:nth-child(even) .column.first {
        padding: 0;
        margin: 0;
        float: none;
    }

    .commercial-panel .column.first {
        position: relative;
    }

    .benefits:nth-child(even) .info-column .btn-link {
        left: 22px;
        right: auto;
    }

    .image-mod .image img {
        width: 100%;
    }

    .image-mod .info-column .btn-link {
        right: auto;
        left: 16px;
    }

    .commercial .product-full .tabs-outer {
        background: none;
    }

    .commercial .product-full .link-tab {
        display: block;
        padding: 8px 12px;
        border-bottom: 1px solid #fff;
        background: #93b7d1;
    }

    .commercial .product-full .link-tab .link-inner {
        text-align: left;
        margin: 0;
        border: 0;
    }

    .commercial .product-full .link-tab:hover .link-inner:after,
    .commercial .product-full .link-tab.active .link-inner:after {
        border: 0;
    }

    .commercial .product-full .info-item .image,
    .commercial .product-full .info-item .info,
    .commercial .product-full .benefits-items .info-item .info,
    .commercial .product-full .benefits-items .info-item .image {
        float: none;
        width: auto;
    }

    .commercial #content .product-full .features .next-feature .title,
    .commercial #content .product-full .features .prev-feature .title {
        display: none;
    }

    .commercial .product-full .benefits-items .info-item .image {
        width: 50%;
        margin: 0 auto;
    }

    .commercial .product-full .options-items {
        margin-top: -25px;
    }

    .commercial #content .product-full .info-item .info h2 {
        margin: 10px 0 5px 0;
    }

    .commercial .product-full .prev-inst .hint-outer {
        display: none;
    }

    .commercial .product-full .prev-inst .photos-list {
        display: none;
        margin-top: -14px;
    }

    .commercial .product-full .prev-inst .photos-list.visible {
        display: none;
    }

    .commercial .product-full .prev-inst .photo-window {
        display: block;
    }

    .commercial .product-full .prev-inst .photo-window .close-photo {
        display: none;
    }
    
    .commercial .product-full .prev-inst .photo-item {
        width: 100%;
    }

    .commercial .product-full .prev-inst .photo-item img {
        width: 100%;
    }
	
	.commercial .product-full .specifications .spec-table {
		font-size: 13px;
	}

    .commercial .product-full .specifications .compare-message,
    .commercial .product-full .specifications .spec-table {
        width: auto;
        float: none;
    }
	
	.commercial .product-full .specifications .spec-table .settings {
		white-space: normal;
	}

    .commercial .product-full .specifications .compare-message .btn-link {
        float: left;
    }

    .commercial .scfForm {
        margin-top: 20px;
    }

    .commercial .scfEmailGeneralPanel, 
    .commercial .scfMultipleLineGeneralPanel, 
    .commercial .scfSingleLineGeneralPanel, 
    .commercial .scfPasswordGeneralPanel, 
    .commercial .scfNumberGeneralPanel, 
    .commercial .scfDatePickerGeneralPanel, 
    .commercial .scfDateGeneralPanel, 
    .commercial .scfRadioButtonListGeneralPanel, 
    .commercial .scfCheckBoxListGeneralPanel, 
    .commercial .scfFileUploadGeneralPanel, 
    .commercial .scfDateSelectorGeneralPanel, 
    .commercial .scfCreditCardGeneralPanel, 
    .commercial .scfConfirmPasswordGeneralPanel, 
    .commercial .scfCaptchaGeneralPanel, 
    .commercial .scfTelephoneGeneralPanel, 
    .commercial .scfSmsTelephoneGeneralPanel {
        margin: 0;
    }

    .commercial .panel .scfSectionContent div.scfDroplistBorder .scfDropListGeneralPanel {
        margin-left: 0;
        margin-right: 0;
    }
} 
