/* ADAPTIVE STYLES */
#wrapper {
    min-width: 0px;
}
#wrapper .inner {
    width: 100%;
    min-width: 320px;
    max-width: 1000px;
}

/* 450px */
@media screen and (max-width: 450px) {
    #wrapper {
        font-size: 95%;
    }
	#topline .left {
		display: none;
	}
	#topline .center,
	#topline .callback-button-box,
	#topline .right {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
    #header .bonnet .left,
    #header .bonnet .right {
        float: none;
        width: 100%;
    }
    #content #sidebar {
        display: none;
    }
    #content #workarea.partial {
        float: none;
        width: 100%;
    }
    #content #workarea .col-left {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    #content #workarea .col-right {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    #footer .left {
        float: none;
        text-align: center;
    }
    #footer .develop,
    #footer .right {
        display: none;
    }
    #news-list.services .elements .element {
        width: 100%;
    }
    #news-list.services .elements .element .picture {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    #news-list.default .elements .element .picture {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    #news-detail.default .share,
    #news-detail.default .back-link {
        float: none;
        margin-top: 15px;
        text-align: center;
    }
}
/* 768px */
@media screen and (min-width: 450px) and (max-width: 768px) {
	#topline .left {
		display: none;
	}
	#topline .center,
	#topline .callback-button-box,
	#topline .right {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
    #header .bonnet .left,
    #header .bonnet .right {
        float: none;
        width: 100%;
    }
    #content #sidebar {
        display: none;
    }
    #content #workarea.partial {
        float: none;
        width: 100%;
    }
    #content #workarea .col-left {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    #content #workarea .col-right {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    #footer .left {
        float: none;
        text-align: center;
    }
    #footer .develop,
    #footer .right {
        display: none;
    }
    #news-list.services .elements .element {
        width: 100%;
    }
}
/* 992px */
@media screen and (min-width: 768px) and (max-width: 992px) {
	#topline .left {
		display: none;
	}
    #content #sidebar {
        display: none;
    }
    #content #workarea.partial {
        float: none;
        width: 100%;
    }
    #content #workarea .col-right {
        padding-left: 30px;
    }
    #news-list.services .elements .element .picture {
        width: 125px;
    }
}