/****************************************/

@media all and (min-width:0px) and (max-width:320px) { 
.logo {    text-align: center;    width: 100%;}
.head_right {    text-align: center;    width: 100%;}
.bask{padding-right: 0px;}
.add-basket-cat {width: 30px !important;}
.three-icon-right {   text-align: center;    width: 100%;}
.three-icon-right ul li {    width: 100%;}
.three-icon-right ul li a .img-responsive { display:inline !important;}
.page-header .col-md-6 a {    float: left;    text-align: center;    width: 100%;}
.text-trance-s { padding: 32px 0;    width: 91%; text-indent:10px;}
.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 40%; font-size:16px;}
#exTab1 .nav-pills li a {    font-size: 14px;}
.right-sec-left{ margin-bottom:15px; }
.right-sec-right{ margin-bottom:15px; }
.rating-sec {    background-size: cover;    height: auto;}
.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}
.get-colr { text-align:center;}
.foot-list-num li {    width: 100%; margin-bottom:10px;}
.foot-right, .foot-left {    text-align: center;}

.footer {    padding: 5px 0 !important;}



/*************** lettings page css ******************/

.grid-select {    width: 100% !important;}
.grid-icons .btn {    width: 100%;}
.media__body{ padding: 3em;}
.media__body p {    margin-bottom: 0;}
.media__body h2 {    margin-bottom: 0;}


/*************** lettings page css end ******************/






/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center;}
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}

.blue-divs li {    width: 45%;}

.tab_puneet .nav.nav-tabs > li {    margin-bottom: 10px;    width: 50%;}

/*************** lettings-inner page css end ******************/

/*************** sale page css ******************/

.box-style{text-align:center !important;}

.box-style .img-responsive {    display: inline;}


.f-v a {    margin: 20px 0;}
/*************** sale page css end ******************/







}

@media all and (min-width:321px) and (max-width:480px) { 

.page-header .col-md-6 a{ text-align:center; width:100%; float:left;}
.logo {    text-align: center;    width: 100%;}
.head_right {    text-align: center;    width: 100%;}
.three-icon-right {   text-align: center;    width: 100%;}
.three-icon-right ul li {    width: 100%;}
.three-icon-right ul li a .img-responsive { display:inline !important;}
.text-trance-s {    padding: 32px 0;    width: 93%; text-indent:10px;}
.text-trance-m {    width: 93%;}
.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 45%; font-size:16px;}
#exTab1 .nav-pills li a {    font-size: 18px;}
.right-sec-left{ margin-bottom:15px; }
.right-sec-right{ margin-bottom:15px; }
.rating-sec {    background-size: cover;    height: auto;}
.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}
.get-colr { text-align:center;}
.foot-list-num li {    width: 100%; margin-bottom:10px;}
.foot-right, .foot-left {    text-align: center;}





/*************** lettings page css ******************/

.grid-select {    width: 100% !important;}
.grid-icons .btn {    width: 100%;}
.pro-m {    margin: 25px 10px !important;}
.media__body{ padding: 3em;}
.media__body p {    margin-bottom: 0;}
.media__body h2 {    margin-bottom: 0;}


/*************** lettings page css end ******************/




/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center;}
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}
.blue-divs li {    width: 45%;}
.tab_puneet .nav.nav-tabs > li {    margin-bottom: 10px;    width: 50%;}


/*************** lettings-inner page css end ******************/



/*************** sale page css ******************/

.box-style{text-align:center !important;}

.box-style .img-responsive {
    display: inline;
}
.f-v a {    margin: 20px 0;}

/*************** sale page css end ******************/









}



@media all and (min-width:481px) and (max-width:589px) { 

.page-header .col-md-6 a{ text-align:center; width:100%; float:left;}
.logo {    text-align: center;    width: 100%;}
.head_right {    text-align: center;    width: 100%;}
.three-icon-right {   text-align: center;    width: 100%;}
.three-icon-right ul li {    width: 100%;}
.three-icon-right ul li a .img-responsive { display:inline !important;}
.text-trance-s {    padding: 32px 0;    width: 94%; text-indent:10px;}
.text-trance-m {    width: 94%;}
.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 45%; font-size:16px;}
#exTab1 .nav-pills li a {    font-size: 18px;}
.right-sec-left{ margin-bottom:15px; }
.right-sec-right{ margin-bottom:15px; }
.rating-sec {    background-size: cover;    height: auto;}
.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}
.get-colr { text-align:center;}
.foot-list-num li {    width: 100%; margin-bottom:10px;}
.foot-right, .foot-left {    text-align: center;}








/*************** lettings page css ******************/

.grid-icons .btn {    width: 100%;}

.pro-m {    margin: 25px 20px !important;}

.grid-select {    width: 33% !important;}

.grid-icons .btn.btn-default.btn-sm {    width: 33%;}
.grid-icons .btn.btn-map {    width: 33%;}



/*************** lettings page css end ******************/




/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center;}
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}


/*************** lettings-inner page css end ******************/







/*************** sale page css ******************/

.box-style{text-align:center !important;}

.box-style .img-responsive {    display: inline;}
.f-v a {    margin: 20px 0;}

/*************** sale page css end ******************/


/*************** map page css ******************/



/*************** map page css ******************/






}





@media all and (min-width:569px) and (max-width:768px) { 


.text-trance-s {    padding: 32px 0;    width: 91%; text-indent:10px;}
.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 45%; font-size:16px;}
#exTab1 .nav-pills li a {    font-size: 18px;}
.right-sec-left{ margin-bottom:15px; }
.right-sec-right{ margin-bottom:15px; }
.text-trance-s {    padding: 32px 0;    width: 95%; text-indent:10px;}
.text-trance-m {    width: 95%;}
.tab-pane .col-md-3{ width:50%; float:left;}
.rating-sec {    background-size: cover;    height: auto;}
.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}
.get-colr { text-align:center;}
.foot-list-num li {    width: 100%; margin-bottom:10px;}
.foot-right, .foot-left {    text-align: center;}



/*************** lettings page css ******************/

.grid-select {    width: 33% !important;}

.grid-icons .btn.btn-default.btn-sm {    width: 33%;}
.grid-icons .btn.btn-map {    width: 33%;}

.grid-icons .btn {    width: 100%;}

.pro-m {    margin: 25px 20px !important;}




/*************** lettings page css end ******************/


/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center }
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}


/*************** lettings-inner page css end ******************/




/*************** sale page css ******************/

.box-style{text-align:center !important;}

.box-style .img-responsive {
    display: inline;
}
.f-v a {    margin: 20px 0;}

/*************** sale page css end ******************/










}



@media all and (min-width:769px) and (max-width:800px) { 

.text-trance-s {    padding: 32px 0;    width: 91%; text-indent:10px;}
.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 45%; font-size:16px;}
#exTab1 .nav-pills li a {    font-size: 18px;}
.right-sec-left{ margin-bottom:15px; }
.right-sec-right{ margin-bottom:15px; }
.tab-pane .col-md-3{ width:50%; float:left;}
.text-trance-s {    padding: 32px 0;    width: 96%; text-indent:10px;}
.text-trance-m {    width: 96%;}
.rating-sec {    background-size: cover;    height: auto;}
.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}
.get-colr { text-align:center;}
.foot-right, .foot-left {    text-align: center;}
.footer {    padding: 5px 0 !important;}




/*************** lettings page css ******************/

.grid-select {    width: 33% !important;}

.grid-icons .btn.btn-default.btn-sm {    width: 33%;}
.grid-icons .btn.btn-map {    width: 33%;}

.grid-icons .btn {    width: 100%;}

.pro-m {    margin: 25px 20px !important;}




/*************** lettings page css end ******************/





/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center }
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}


/*************** lettings-inner page css end ******************/


/*************** sale page css ******************/

.box-style{text-align:center !important;}

.box-style .img-responsive {
    display: inline;
}
.f-v a {    margin: 20px 0;}

/*************** sale page css end ******************/








}



@media all and (min-width:801px) and (max-width:990px) { 


.text-trance-s {    padding: 32px 0;    width: 91%; text-indent:10px;}


.tab-pane .col-md-3 .img-responsive{ display:inline;} 
#exTab1 .nav-pills li {    margin-bottom: 16px; margin-left:2.5%; margin-right:2.5%;   width: 20%; font-size:16px;}

#exTab1 .nav-pills li a {    font-size: 16px;}


.tab-pane .col-md-3{ width:50%; float:left;}

.right-sec-left{ margin-bottom:15px; }

.right-sec-right{ margin-bottom:15px; }
.text-trance-s {    padding: 32px 0;    width: 96%; text-indent:10px;}

.text-trance-m {    width: 96%;}


.rating-sec {    background-size: cover;    height: auto;}

.val {    display: inline-block;    float: none;    text-align: center;    width: 100%;}

.get-colr { text-align:center;}



.foot-right, .foot-left {    text-align: center;}

.footer {    padding: 5px 0 !important;}



/*************** lettings-inner page css ******************/

.con-per{  text-align:center;}
.col-md-4.pd-0 { text-align:center }
.cont-right h2{ text-align:center;}
.cont-right h3{ text-align:center;}

.cont-right p{ text-align:center;}
.grid-select {    width: 33% !important;}

.grid-icons .btn.btn-default.btn-sm {    width: 33%;}
.grid-icons .btn.btn-map {    width: 33%;}



/*************** lettings-inner page css end ******************/

/*************** sale page css ******************/

.box-style{text-align:center !important;}
.box-style .img-responsive {    display: inline;}
.f-v a {    margin: 20px 0;}

/*************** sale page css end ******************/



/***************  map page css ******************/

.box-style{text-align:center !important;}
.box-style .img-responsive {    display: inline;}
.f-v a {    margin: 20px 0;}

/*************** map page css end ******************/








}


@media all and (min-width:991px) and (max-width:1200px) { 

.head_right {    float: right;}
.three-icon-right ul li {    width: 33%;}
#exTab1 .nav-pills li {    width: auto;}
.footer {    padding: 5px 0 !important;}







/*************** sale page css ******************/

.f-v a {    margin: 20px 0;}
.grid-select {    width: 113px !important;}

/*************** sale page css end ******************/



}

@media(min-width:590px) and (max-width:787px) { 
	.logo-header{
		width: 33.33333333%;
	}
	.login-block-header{
		width: 66.66666667%; 
	}
}
@media (max-width:510px){
	.bestsellers-title {
		width: 100%;
		top: -20px !important;
	}
	.brands-title {
		width: 100%;
	}
}
@media (min-width:526px) and (max-width:767px){
		ul.basket-items .basket-item {
		height: 226px !important;
	}
}
@media (max-width:767px){
	.best-sell-tyre {
		height: 300px;
	}
	.contact-form-fields{
		padding-right: 15px !important;
	}
	.shipping-details{
		padding-left: 0px; 
	}
	.billing-details{
		padding-right: 0px;
	}
	.personal-details{
		display: none;
	}
	.personal-details-mob{
		display: block !important;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.basket-confirm{
    	margin-top: 50px;
	}
	.basket-block-price{
		font-size:20px !important;
	}
	input.blue-btn{
	    font-size: 24px !important;
	}
	.nav-tabs .tab-button {
		font-size: 26px !important;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.best-sell-tyre {
		height: 250px;
	}
	.product-block{
		height: 325px !important;
	}
}
@media(min-width:751px) and (max-width:767px) {
	.product-block{
		height: 425px !important;
	}
}
@media(min-width:641px) and (max-width:750px) {
	.product-block{
		height: 400px !important;
	}
}
@media(min-width:550px) and (max-width:640px) {
	.product-block{
		height: 350px !important;
	}
}
@media (max-width:690px) { 
	#speed-table{
		display: none !important;
	}
	#tyre-table-head{
		display: none !important;
	}
@media (max-width:787px) { 
	.account-links{
		text-align: center;
	}

}
@media (max-width:991px) { 
	.search-form-input{
		font-size:14px !important;
	}
	input.blue-btn-news {
	width: 100% !important;
	margin-left: 0px !important;
	}
	.blue-text-block {
		padding-left: 100px !important;
		padding-top: 50px !important;
		padding-right: 50px !important;
	}
	.red-text-block {
		padding-left: 100px !important;
		padding-top: 50px !important;
		padding-right: 50px !important;
	}
	.lightblue-text-block {
		padding-left: 100px !important;
		padding-top: 50px !important;
		padding-right: 50px !important;
	}
	.our-brands{
		display: inline-block !important;
		width: 100%;
	}
}
@media (max-width:1200px) { 
	.little_icon img{
		max-width: 30px;
	}
	.little_icons{
		padding-bottom: 10px;
	}
	.little_icons .little_icon {
     padding-right: 0px !important;
	}
	input.grey-btn-basket{
		font-size: 16px !important;
	}
	.grey-btn-basket {
		font-size: 20px !important;
	}
}
@media (max-width:568px) { 
	.search-bar{
		display: none;
	}

}
@media (min-width:991px) {
	.blocks{
		height: 500px;
	}
}
@media (max-width:525px) {
	ul.basket-items .basket-item {
		border-bottom: none;
	}
}
@media all and (min-width:320px) and (max-width:400px) {
		input.grey-btn-basket{
			font-size: 14px !important;
		}
}
@media all and (min-width:0px) and (max-width:400px) {
		.product-block{
			height: 350px !important;
		}
		.tyre-brand{
			width: 100%;
		}
		.flags{
			width: 100%;
		}
		.little_icon{
			width: 100%;
		}
		.grey-btn-basket {
    		font-size: 14px !important;
		}
	}