/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden;
	}

body {
	font-family: 'Rubik', sans-serif; 
    margin: 0;
	padding:0;
	}

svg:not(:root) {overflow: hidden;}
	
.clear {clear: both;}

	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {color:#EC3033}
	h2 {color:#EC3033}
	h3 {font-size:30px}
	h4 {font-size:19px; color:#EC3033}
	h5 {font-size:18px}
	h6 {font-size:15px}

p {margin: 0;}

/*===================== 
	header styles 
=======================*/

.header-wrap {
	width: 100%;
	margin-top: -10px;
    z-index:9999;
    background-image: url("../siteart/ep_naturalblack.png");
	background-color:#000;
    background-size:contain;  
    padding-bottom:15px;
    box-shadow:0px 0px 15px #000;
    position: fixed;
    top: 0;
	}

.main-header{
    height:100%;
    width:100%;
    margin-bottom:50px;
    border-bottom:1px solid #2A2A36
}

.contact-bar {
    float:right;
    text-align:right;
    background-image: url("../siteart/textures/tan-dirt-bg.jpg");
    background-size:cover;
    color:white;
    z-index:10;
    position:relative;
    height:30px;
    width:50%;
    padding-right:40px;
    padding-top:20px;
    border-radius:2px;
}

.header-tel{
    color:white !important;
    text-decoration:none;
    font-weight:600;
    font-size:20px;
    transition:.4s ease;
}

.header-tel:hover{
    color:#A5A5AB !important;
}

.logo-wrap{
    float:left;
    margin-left:5%;
    margin-top:30px
}

.logo-wrap img{
    transition:.3s ease
}

.logo-wrap img:hover{
    opacity:.8;
}

/*===================== 
	nav styles 
=======================*/

#menu-button{display: none;}

nav.mobile {display:none;}

.navigation {

    float:right;
    margin-right:30px
}


nav.primary {
	padding:0;
	display:block;
	width:100%;
	background:transparent;
    float:right;
}

nav.primary ul {
  padding: 0 !important; 
  text-align: center !important;
  float:right;
}

nav.primary ul li {
    display:inline-block;
    position: relative !important; 
}
			
nav.primary ul li a {
    color:#fff;
    float:right;
    font-size: 17px;
    margin-top:20px !important;
    line-height:40px !important;
    text-decoration:none;
    margin-left: 11px;
    margin-right: 11px;
    padding:0 10px !important;
    display:block;
    margin-bottom:-10px !important;
    position: relative;
    font-family:'Rubik', sans-serif;
    text-align:center;
}	

nav.primary ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.4s ease 0s, left 0.4s ease 0s;
  width: 0;
}
			
nav.primary ul li a:hover:after {
   width: 100%; 
  left: 0; 
}
	
/*===================== 
	content styles 
=======================*/

/* default */

.main-img{
    width:100%;
    height:650px;
    background-image: url("../siteart/Mahindra.jpg");
	background-color:#000;
    background-size:100% auto;
    border-bottom:8px solid #EC3033;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position:center;
     box-shadow:-2px -2px 10px #EC3033;
    z-index:888;

}

.welcome-section{
    padding:70px 5%;
    height:500px;
}

.welcome{
    float:left;
    width:50%;
    margin-top:10px;
}

.welcome h1{
    line-height:60px;
}
.welcome-img{
    float:right;
}

.welcome-img img{
    box-shadow:0px 0px 15px #A5A5AB;
    border-radius:3px
}

.logo-section{
    margin-top:80px;
    border-top:1px solid #EBEBEB;
    border-bottom:1px solid #EBEBEB;
    padding-top:20px;
    padding-bottom:20px;
}

.mahindra{
    padding-right:50px;
    transition:.3s ease;
}

.mahindra:hover{
    opacity:.6;
}

.bush{
    transition:.3s ease;
}

.bush:hover{
    opacity:.6;
}


.phone-section{
    margin-top:7px;
    height:260px;
    margin-bottom:100px;
    background-color:#efeeec;
}

.phone-links{
    color:#000;
    text-decoration:none;
    transition:.2s ease;
}

.phone-links:hover{
    color:#EC3033
}

.phone-part{
    width:400px;
    padding-left:100px;
    padding-top:30px;
    padding-bottom:50px;
    margin-left:50px;
    top:-19px;
    z-index:10;
    background:#fff;
    position:relative;
    box-shadow:0px 0px 15px #D4D4D7;
    border-radius:3px;
}

.phone-part h2{
    line-height:60px;
}

.google-map{
    margin-top:-303px;
    width:100%;
}

.default-map{
    float:right;
    width:67%;
}

.products-section{
    width:100%;
    height:230px;
    background-image: url("../siteart/wheat.jpg");
	background-color:#000;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color:white;
    line-height:25px;
    text-shadow: 0px 0px 15px #000;
    padding-top:70px;
    box-shadow: inset 0px 35px 20px -35px #000, inset 0px -35px 20px -35px #000; 
}

.prod-btn{
    background:#EC3033;
    padding:15px 40px;
    color:#000;
    text-shadow: 2px 2px 8px #8B1012;
    text-decoration:none;
    border-radius:2px;
    transition:.2s ease;
     box-shadow: 0px 0px 4px 0px #000;
}

.prod-btn:hover{
    box-shadow: 0px 0px 8px 0px #000;
    text-shadow: 4px 4px 15px #8B1012;
}

/* scrolling inventory */

.scrolling-wrap {
    width:100%;
    height:90px;
    margin:0 auto;
    overflow:hidden;
    border-radius:2px;
    margin:5px 0px 15px 0px;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* inventory search */

.search-section {
    background:url("../siteart/white-waves.png");
    background-size:contain;
    height:100%;
    width:100%;
    padding-bottom:40px;
    padding-top:20px;
	}

.inv-search{
    width:100%;
    display:inline-block;
}

.inv-search a{
    display:inline-block;
    width:50%;
    margin:20px 5px 0 5px;
}
.detailed-search input {
    padding: 6.5px;
    font-size: 12px;
    background-color: #fff;
	box-sizing: border-box;
}

.detailed-search input[type="submit"] {
	text-transform:uppercase;
	font-size: 16px;
    background: #EC3033;
    text-shadow: 2px 2px 8px #8B1012;
     box-shadow: 0px 0px 4px 0px #EC3033;
    width: 200px;
    color: #000;
    border-radius: 2 !important;
    -moz-border-radius: 2 !important;
    -webkit-border-radius: 2 !important;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
	font-family: 'Rubik' !important;
}

.detailed-search input[type="submit"]:hover {
	box-shadow: 0px 0px 8px 0px #EC3033;
    text-shadow: 4px 4px 15px #8B1012;
}

.detailed-search select:focus, .detailed-search input:focus{outline-color:#fff;}

select{color:#6F6F6F;font-family: 'Rubik';font-weight:500}

.search {
  position: relative;
  float: right;
}


/* inventory */

.listing-option-bar{display:none !important}

.sticky-top-menu{display:none !important}

.cf-wrapper {
    width:97%;
    margin:230px auto 100px auto;
}

.container{
    background:#fff;
}

.info {
    color: #000 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
    color: #D01316!important;
}
.list-content .list-listing-mobile .price-container .price {
    color: #D01316!important;
}
.faceted-search-content .selected-facets-container .selected-facet {
    background:#EC3033!important;
}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {
    border: 1px solid #EC3033!important;
    color: #EC3033!important;}
.faceted-search-content .selected-facets-container .selected-facet:hover {
    background:#D01316!important;
}
.detail-content-mobile .share-listing {
    color: #000!important;}

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .check-availability-link, .list-container-flexrow .email-seller-link, .list-container-flexrow .dealer-phone-call {
    background:#EC3033!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {
    color: #D01316!important;}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {
    background:#EC3033!important;
}

.detail-content .detail-additional-data .data-row .data-label {
    background:#EC3033!important;}

.detail-additional-data .data-row .data-label {
    background:#EC3033!important;
}

.detail-content .detail-main-body .main-detail-data .detail-price {
    color:#EC3033!important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #000 !important;
    border: 1px solid #000 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link {
    background-color: #EC3033!important;
}

.button {
    background-color: #EC3033!important;
    border: 2px solid #EC3033!important;
}

.button:hover {
    background-color:#D01316!important;
    border: 2px solid #D01316!important;
}

.detail-content .search-results {
    color: #D01316!important;
}

.list-content .list-title .list-listings-count {
    color: #D01316!important;
}

.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link {
    background-color: #EC3033!important;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    background-color: #EC3033!important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    border: 1px solid #EC3033!important;

}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background-color: #EC3033!important;
    border: 1px solid #EC3033!important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    background-color: #EC3033!important;
    border: 1px solid #EC3033!important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #EC3033!important;
}

.mobile-breadcrumb {
    background-color: #D01316!important;
}

.list-container-flexrow .price-container .price {
    color: #D01316!important;
}

.fin-calc{
    color:  #EC3033!important;
}

.paging-container .page-navs .list-page-nav {
    background-color: #EC3033!important;
    background: #EC3033!important;
}

.fin-calc :hover {
    color: #D01316!important;
}
.paging-container .page-navs .list-page-nav:hover {
    background-color: #D01316!important;}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
    background: #EC3033!important;
    border: 1px solid  #EC3033!important;
}

.modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn {
    background: #EC3033!important;
}

.modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn:hover {
    background: #D01316!important;
}

.detail-content .dealer-info .dealer-company-header {
   color:  #EC3033!important;
    text-decoration:none !important;
}

.detail-content .dealer-info .dealer-company-header:hover{
   color:  #D01316!important;
    text-decoration:none !important;
}

.detail-content .dealer-info .field-value {
   color:  #EC3033!important;
    text-decoration:none !important;
}

.google-maps-link a{
     text-decoration:none !important;
}

.contact-information a{
     text-decoration:none !important;
}

/* contact */

.main-section-thanks{
    height:250px;
    padding-top:150px;
    width:100%;
    color:#000;
}

.main-section-thanks h1{
    padding:20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.main-section-contact{
    height:100%;
    width:100%;
    margin-top:200px;
    line-height:1.5;
    color:#000;
}


.main-section-contact  a{
    color:#000;
}


.main-section-contact h4{
    font-size:30px;
    margin-bottom:10px;
    margin-top:20px;
}

.top-bg{
    background-image:url("../siteart/textures/tan-concrete.png");
    background-size:contain;
    height:100%;
    width:100%
}


.top-contact{
    height:100%;
    width:90%;
    margin:0 auto;
    padding-bottom:80px;
    padding-top:40px;
    border-bottom:1px solid #E8E8E8;
}

.contact-section {
    float:left;
    width:45%;
    margin:0px 40px;
    list-style-type:none;
}

.map{
     box-shadow:0px 0px 15px #D4D4D7;
    border-radius:3px;  
    width:100%
}

.location-two{
    color:#fff;
    line-height:1 !important;
}

.location-two:hover{
   text-decoration:none !important;
}

.tel-two{
    color:black;
    text-decoration:none;
    transition:.2s ease;
}

.tel-two:hover{
    color:#6E604F;
    text-decoration:none
}


/* contact form */

.form{
    margin-top:40px;
    width:90%;
    margin:0 auto;
    padding-top:40px;
    margin-bottom:40px;
}

.form-bg {
	width: 100%;
    background-image: url("../siteart/textures/brown-dirt-bg.jpg");
    background-size:cover;
    padding-bottom:40px;
}

.formcontainer {
	width: 100%;
}

input {
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
    background-color:#F0F0F0;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 5px;
    font-family: 'Rubik', sans-serif; 
}

textarea {
	width: 100%;
	padding: 8px;
	color: #000;
    border: 1px solid #ddd;
    background-color:#F0F0F0;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 2px;
	height: 100px;
	margin-bottom: 5px;
    font-family: 'Rubik', sans-serif; 
}

textarea_comment {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0px;
	height: 100px;
	margin-bottom: 5px;
    font-family: 'Rubik', sans-serif; 
}

select {
	width: 100%;
	padding: 8px;
	border: 0px solid #ddd;
	color: #000;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0px;
	margin-bottom: 25px;
}

input:focus,
textarea:focus,
select:focus {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0px;
	outline-style: none;
}

input.button,
input.button:focus {
    background:#EC3033 !important;
    border-color:#EC3033!important;
    padding:10px 30px;
    color:#000;
    text-shadow: 2px 2px 8px #8B1012;
    text-decoration:none;
    font-size:15px;
    transition:.2s ease;
    border-radius:2px;
    width:200px;
    border:0px;
     border-radius:2px;
    cursor: pointer;
    margin-top:25px;
    margin-bottom:30px;
    box-shadow: 0px 0px 4px 0px #EC3033;
}

input.button:hover {
    box-shadow: 0px 0px 8px 0px#EC3033;
    text-shadow: 4px 4px 15px #8B1012;
    border-color:#EC3033 !important;
    background:#EC3033 !important;
}

/* captcha */


.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
	font-family: 'Rubik', sans-serif;
}

.CaptchaAnswerPanel {
	margin:10px auto;
    width:100%!important;
	padding:2px 0px 2px 0px !important;
}


.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 5px 0;
	padding:8px 0 8px 0 !important;
	font-family: 'Rubik', sans-serif;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/*===================== 
	footer styles 
=======================*/

.footer-wrap{
    width:100%;
    border-top:8px solid #EC3033;
    background-image: url("../siteart/white-waves-footer.png");
    background-size:contain;
    margin-top:-15px;
    font-family: 'Rubik', sans-serif !important; 
}

.top-footer{
    width:90%;
    margin:0 auto;
    color:#000;
    padding:40px 0px
}

.top-footer h4{
    font-size:23px;
}

.top-footer li{
   list-style: none;
}

.top-footer li a{
    color:#000;
    text-decoration:none;
    line-height:1.5;
    transition:.2s ease;
}

.top-footer li a:hover{
    color:#EC3033;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.footer-columns{
/*    float:left;*/
    margin:20px
}
.row {
    display: flex;
}
.mobile-info {
    display: flex;
	flex: 2;
}
.one, .two, .hours, .three {
    flex: 1;
}

.three{
/*    width:43%;*/
    margin-top:60px;
    text-align:right;
}

.three img{
    transition:.3s ease;
}

.three img:hover{
    opacity:.8
}

.bottom-footer{
    background-image: url("../siteart/ep_naturalblack.png");
    background-size:contain;
    height:40px;
    padding-top:25px;
    color:white;
    box-shadow:2px 2px 15px #727272;
    
}

.truck-paper{
    color:white;
    text-decoration:none;
    transition:.4s ease
}

a.truck-paper:hover{
    color:#A5A5AB;
}


/*========================== 
	  Responsive styles 
============================*/


@media screen and (max-width: 1800px)  {

.contact-section {
    width:40%;
}
}

@media screen and (max-width: 1750px)  {

.main-section-contact h4{
    margin-top:30px;
}

.form{
    width:90%;
}
    
.default-map{
    width:65%;
}

}


@media screen and (max-width: 1650px)  {
    
.default-map{
    width:60%;
}
.welcome-img img{
    width:80%;
    margin-right:-50px;
    margin-top:60px;
}
}
    
@media screen and (max-width: 1600px)  {
/*
.one, .two{
    width:25%
}
*/

.three{
    width:22%;
}

.three img{
    width:300px;
    }    

}
    
@media screen and (max-width: 1450px)  {

.default-map{
    width:70%;
}    
  .three{
    width:20%;
}  
 .welcome{
    float:none;
    width:100%;
    margin-top:10px;
}

.welcome-img{
    float:none;
}
    
.welcome-img img{
    display:none;
}
.contact-bar {
    float:none;
    width:100%;
    padding-left:0px;
    text-align:center;
    border-radius:0px;
}
    
.phone-section{
    height:260px;
    margin-bottom:100px;
    background-color:#efeeec;
}
    
.phone-part{
    width:280px;
    padding-left:50px;
    padding-top:30px;
    padding-bottom:50px;
    margin-left:50px;

}
/* mobile nav */	
    
nav.primary ul{display:none;}
    
#menu-button{ 
    width: 100%;
    display: block;
    font-size: 24px;
    position: relative;
    line-height:60px; 
    margin-top:40px;
    margin-bottom:5px;
    margin-right:40px;
    z-index: 400;
}
    
#menu-button a{
    color:#D2D4D9;
    padding:8px 10px;
    border-radius:5px;
    background:#131821;
    box-shadow: 0 0 15px #06080B, 0 0 15px #11151E inset ;
    border:2px solid #0B0E14;
    text-decoration: none;
    font-weight:normal;
    transition:.3s ease;
}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -100%;
    width:100%;
    height: 100%;
  backdrop-filter: blur(20px);
  background-color: rgba(12,12,15,0.80);
    z-index: 500;
    overflow:auto;
}

nav.mobile .social-media {
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-size:16px;
    word-spacing:13px;
    padding:0 0 0 15px;
    color: #ccc !important;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0 10px 0;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
    
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:35px;
    font-weight: thin;
    line-height: 1;
    color: #999;
    text-decoration: none;
    top:10px;
    right:40px;
	}
    

/* menu list */
    
nav.mobile ul {
    list-style: none;
    font-weight: 300;
    margin-right:30px !important;
    margin-top:50px;
}
    
nav.mobile ul li {
    position:relative;
}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:30px;
    color: white;
    text-decoration: none;
    font-family:'Rubik', sans-serif;
    font-weight:500;
     padding: 25px!important;
}

nav.mobile ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  right: 100%;
  position: absolute;
  background:#6D7178;
  transition: width 0.4s ease 0s, right 0.4s ease 0s;
  width: 0;
}
			
nav.mobile ul li a:hover:after {
   width: 100%; 
    right: 0; 
}
nav.mobile ul li .fa-chevron-down {
    color:#000;
    font-size:12px;
    margin-top:-3px
}
}

@media screen and (max-width: 1320px)  {
   .default-map{
    width:60%;
}  
   .main-img{
    width:100%;
    height:450px;
    background-image: url("../siteart/Mahindra-two.jpg");
    border-bottom:8px solid #EC3033;
    background-attachment: inherit;
    background-size:cover;

}
    .mobile-info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
/*
    .one, .two, .hours {
		width:45%}
*/
	.three {
    	width:100%;
		text-align:center
	} 
}  

@media screen and (max-width: 1000px)  {  
	.row {
		flex-direction: column;
	}
	.main-img{
    width:100%;
    height:400px;
    background-image: url("../siteart/Mahindra-three.jpg");
    border-bottom:8px solid #EC3033;
    background-attachment: inherit;
    background-size:cover;
}
.default-map{
    width:55%;
} 
    
.detailed-search input[type="submit"] {
	text-transform:uppercase;
	font-size: 14px;
    width: 100px;
}
.contact-section {
    float:none;
    width:90%;
    margin:-30px auto -35px auto;
}
    
.contact-section h4{
   margin-top:80px;
}
    
.top-contact{
    width:100%;

}

.map-content{padding-bottom:40px}    
    
.map{
    width:100%;
    float:none;
    background-image: url("../siteart/textures/tan-concrete.png");
    background-size:contain;
}      
  
.form-bg {
	margin-bottom:-180px;
}
    
.main-section-thanks{
    margin-bottom:-180px;
}
    
.map-content{
    float:none;
    margin:0 auto;
    text-align:center;
    padding-top:40px;
}
.footer-columns{
    margin: 0 auto;
}

.one, .two, .hours {
    width: 40%;
    margin: 10px;
}
.three{
    width:100%;
    margin-top:40px;
}     

}

@media screen and (max-width: 900px)  {

.footer-wrap{font-size:12px}
.phone-part{
    width:200px;
    padding-left:30px;
    padding-top:30px;
    padding-bottom:50px;
    margin-left:30px;

}
.default-map{
    width:60%;
} 
}

@media screen and (max-width: 700px)  {

.logo-section{
    margin-bottom:40px;
}    
.google-map{
    margin-top:-215px;
}  
.default-map{
    width:100%;
    float:none;
} 
    
.phone-part{
    width:85%;
    padding-left:30px;
    padding-top:10px;
    padding-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    top:330px;
}
    
.default-section  {
   margin-bottom:300px     
}
    .one, .two{width:47%}
}

@media screen and (max-width: 650px)  {

.welcome h1{
    font-size:24px;
    }
    }

@media screen and (max-width: 600px)  {
#menu-button{ 
    margin-right:10px;
    margin-top:30px;
} 
.contact-bar a{
    font-size:13px;
    padding-top:5px;
} 
.logo-wrap img{
    width:60%;
    float:left
}        
    
.logo-wrap{
     margin-left:4%;
    margin-right:-30px;
}
.cf-wrapper {
    margin:190px auto 100px auto;
}   
   
#menu-button{ 
    margin-right:0px;
}  
.mahindra img{width:150px}
.bush img{width:150px}  
}

  
    
@media screen and (max-width: 450px)  {
#menu-button{ 
    margin-right:0px;
    margin-top:-60px;
} 
.main-img{
    height:330px;
}    
    .footer-columns h4{
        font-size:20px
    }   
    .bottom-footer{font-size:11px;}
.welcome h1{
    font-size:18px;
    margin-top:-50px;
    } 
.mahindra img{width:100px}
.bush img{width:100px} 
 .one, .two{width:46.5%}      
 
    .products-section h3{font-size:20px}       
  
    .products-section p{font-size:13px}  
    
.contact-section h4{
   margin-right:30px;
}
.main-section-contact{
    margin-top:170px;
}

}