.latest-w3 {
    padding: 5em 0;
	background: #F7F7F7;
    
}
.latest-grids {
    margin-top: 4em;
}
.latest-top {
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.latest-top:hover {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 21px 23px -18px rgba(0,0,0,0.50);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.latest-text {
   background: rgba(7,70, 101, 0.50);/*background: rgba(7,69, 144, 0.60);*/
    padding: 1em;
    position: absolute;
    left: 0;
    bottom: -67%;
    text-align: center;
    width: 100%;
    height: 210px;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    
}
.latest-grid:hover .latest-text {
    bottom: -50%;
}
.latest-text h4{
    color: #FFFFFF;
    font-size: 1.4em;
    margin: 0;
}
.latest-text2 {
   position: absolute;
    top: 3%;
    left: 80%;
    background: #1565C0;
    padding: 1.5em 0em;
    border-radius: 40px;
    text-align: center;
    width: 17%;
	
}
.latest-text2 h4 {
    font-size: 1.1em;
    color: #fff;
}


@media(max-width:1366px){
.accessories-w3l {
    min-height: 482px;
    padding: 7em 0;
}
.ribben1 {
    top: 12%;	
}
.main-agileits {
    width: 31%;
}
}
@media(max-width:1280px){
.ribben2 {
    top: 15%;	
}
.main-agileits {
    width: 33%;
}
.cd-search {
    top: 17%;
}
}
@media(max-width:1080px){

.latest-text2 {
    left: 73%;
    width: 21%;
}
.latest-text {
    height: 175px;
	}
}

@media(max-width:991px){

.latest-grid {
    float: left;
    width: 33.3%;
}
.latest-text2 {
    left: 68%;
    width: 29%;
}
.latest-text h4,.footer-grid h4,.descr h4,.single-grid h4 {
    font-size: 1.1em;
}
.latest-text {
    height: 136px;
}

}

@media(max-width:768px){
.cd-search {
    top: 22%;
}
.main-agileits {
    width: 54%;
}	
}
@media(max-width:736px){

.latest-text {
    height: 128px;
    bottom: -60%;
}
	
}
@media(max-width:667px){

.latest-grid {
    padding: 0 6px;
}
.latest-text2 {
    left: 63%;
    width: 30%;
}
.latest-text h4, .footer-grid h4, .descr h4, .single-grid h4 {
    font-size: 1.5em;
	}
}
@media(max-width:600px){

.latest-text2 {
    left: 55%;
    width: 35%;
}
.ribben1 {
    width: 36%;
}
.ribben {
    width: 37%;
}
.latest-text {
    height: 105px;
	}
}
@media(max-width:568px){

.latest-grid {
    float: left;
    width: 100%;
}
.latest-grid:nth-child(2) {
	margin:2em 0;
}
.latest-text {
    height: 256px;
}
.latest-text2 {
    left: 80%;
    width: 12%;
}

}
@media(max-width:480px){

.latest-text2 {
    left: 78%;
    width: 14%;
}
.latest-text {
    height: 210px;
}
.accessories-w3l {
    background: url(../images/ban1.jpg) no-repeat -200px 0px;
    background-size: cover;
    min-height: 265px;
}
.ribben2:after {
    right: 85%;
}
.ribben1:after {
    right: 76%;
}
.product-agileinfo-grid {
    float: left;
    width: 70%;
}
.ribben {
    width: 35%;
}
.ribben:after {
    right: 76%;
}
.top-right ul li {
    padding: 0em .5em;
}
.top-right ul li {
    padding: 0em .5em;
}
.cd-search {
    top: 21%;
}
.new-arrivals-w3agile, .product-agile, .latest-w3, .footer-w3l, .products-agileinfo, .typo-w3, .mail-w3ls, .single-wl3 {
    padding: 2em 0;
}
.caption,.arrivals-grids,.latest-grids,.product-w3agile,.product-agileinfo-grids,.mail-grids,.product-grids {
    margin-top: 2em;
}
h2.tittle {
    font-size: 2.3em;
}
h3.tittle1, h3.tittle {
    font-size: 2.3em;
}
.map-w3 iframe {
    height: 210px;
}
.mail-bottom input[type="text"], .mail-bottom input[type="email"] {
    width: 100%;		
}
.mail-bottom input[type="email"] {
    margin: 12px 0;
}
.mail-bottom input[type="submit"], .mail-bottom input[type="reset"] {
    width: 20%;
}
.mail-grids {
    margin-top: 2em;
}
.main-agileits {
    width: 88%;
	padding: 2em;
}
.form-w3agile h3 {
    font-size: 2em;
    margin-bottom: 1em;
}
.new-grid1 {
    width: 100%;
}
.new-grid {
    width: 100%;
	margin-top:2em;
}
.modal-dialog {
    width: 445px;
}
.mail-grid {
    float: left;
    width: 100%;
}
.mail-grid:nth-child(2) {
    margin: 2em 0;
}
.descr ul li {
    font-size: 0.9em;
}
.core-slider__carousel .core-slider_arrow__left {
    left: 19px !important;
}
.core-slider__carousel .core-slider_arrow__right {
    right: 19px !important;
}	
}
@media(max-width:414px){


.ribben1 {
    width: 45%;
}
.ribben {
    width: 42%;
}
.latest-text2 {
    left: 78%;
    width: 17%;
}

}
@media(max-width:384px){
	
	.ban-bottom-w3l, .new-arrivals-w3agile, .product-agile, .latest-w3, .footer-w3l, .products-agileinfo, .typo-w3, .mail-w3ls, .single-wl3 {
		padding: 2em 0;
	}
	
	.ribben1 {
		width: 24%;
	}
	.ribben {
		width: 23%;
	}
	.ribben2 {
		top: 14%;
		width: 40%;
	}
	.latest-text2 {
		left: 78%;
		width: 19%;
	}
	.latest-text {
		height: 177px;
	}
}
	

@media(max-width:320px){
.ban-bottom,.ban-bottom3,.latest-grid,.single-grid1,.new-grid {
    padding: 0;
}
.ban-text2 {
    width: 31%;
}
.ribben1 {
    width: 28%;
}
.ribben {
    width: 29%;
}
.ribben2 {
    top: 14%;
    width: 45%;
}
.accessories-w3l span {
    font-size: 1.8em;
}
.logo-nav-left1 {
    width: 39%;
    margin-top: 0.3em;
}
.price h3, .top-rates h3, .brand-w3l h3 {
    font-size: 1.5em;
}
.ui-widget-content {
    margin: 2em auto 2em !important;
}
.main-agileits {
    width: 97%;
    padding: 1em;
}
.modal-dialog {
    width: 284px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    margin-top: 4em;
}
.cd-search {
    top: 37%;
}
.cd-header-buttons {
    top: 132px;
    right: 85%;
}
}