option{

	

	color:#000;

}

.dat-pt{



  padding-right: 6px !important;

}

.pt2{

	 padding-left: 2px !important;
	  padding-right: 2px !important;
}



.demo-non-form {
    color: initial;
    width: 100%;
    padding: 10px;
    margin: 6px 0 12px 0;
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-appearance: none;
}
@media screen and (max-width: 900px) and (min-width: 320px) {


.mtop-40{

	margin-top: -40px;
}


.dat-wid{



	width: 30%;
	margin-left: 6px;

}



.dat-wid1{



	width: 30%;

    float: none;

    margin: 0 auto;

    bottom: 40px;

}



.dat-wid2{

	width: 30%;

    float: right;

    bottom: 80px;
    margin-right: 6px;

}

.swiper-slide {
    height: auto;
    width: 100% !important;
}
.banner-mobile .swiper-slide {
    height: auto;
    width: 100% !important;
}

}

/*@media screen and (max-width: 750px){*/

/*.swiper-slide {*/

/*    width: 720px !important;*/
    
/*}*/
/*}*/
/*@media screen and (max-width: 400px){

.swiper-slide {

    width: 370px !important;
}
}

@media screen and (max-width: 360px) {
	
.swiper-slide {

    width: 330px !important;
}
}

@media screen and (max-width: 320px){
	
.swiper-slide {

    width: 290px !important;
}
}
@media screen and (max-width: 560px){
	
.swiper-slide {

    width: 290px !important;
}
}*/