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

    /*overwrite theme styling*/
	.links {
	    font-size: 12px !important;
	}
	h6 {
    	margin: 2px 0 !important;
    	font-weight: 500;
	    line-height: 16px;
	    font-size: 13px;
	}
	ul#lightSlider {
	  height: 360px !important;
    }
	.slider_img {
    	height: 105px;
	}
}
@media screen and (min-width:320px) and (max-width: 360px) {
	#get-new-number-table .col-xs-10 {
		padding-right: 0;
	}
	ul#lightSlider {
	  height: 355px !important;
    }
    .slider_img {
  	  height: 152px !important;
	}
	.small_font {
	    font-size: 12px;
	}
}
@media screen and (min-width:361px and max-width: 412px) {

	ul#lightSlider {
	  height: 355px !important;
    }
}

@media screen and (min-width: 1024px) {
	ul#lightSlider {
	  height: 400px !important;
    }
   .slider_img {
  	  height: 250px;
	}
	.lSSlideWrapper {
	    max-width: 100%;
	    overflow: hidden;
	    height: 400px;
	}
	.standard_size > img{
    width:5%;
	}
}
@media screen and (max-width: 375px) {
	.small_font {
	    font-size: 14px;
	}
	.free_call{
    	font-size: 12px !important;
	}
	select{
		 background-position-x: 285px !important;
	}
}
@media screen and (max-width: 360px) {
	h6 {
    	font-size: 14px;
	}
	select{
		 background-position-x: 272px !important;
	}
}
@media screen and (max-width: 320px) {
	.small_font {
	    font-size: 12px;
	}
	h6 {
	    font-size: 13px;
	}
	select{
		 background-position-x: 240px !important;
	}
}


@media screen and (max-width: 600px) {
    .flag-wrapper{ width:60%; margin-left: 0;margin-top: 12px;margin-bottom: 0px;}
    .mdl-card .col-md-3.col-sm-3.col-xs-2.align_left { padding-right: 5px;}
    .mdl-card .col-md-9.col-sm-9.col-xs-10.align_left { padding-left: 12px; }
    .mdl-shadow--2dp {
	    border-radius: 4px !important;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	    box-shadow: 10px 10px 25px -3px rgba(0, 0, 0, 0.56);
	}
    .title { margin: -10px 10px 20px 0px;}
    select{width: 100%;}
    .get_number_layout{
	    width: 60% !important;
	    margin-top: 15px !important;
	    margin-bottom: 0px !important;
	    margin-left: 18px !important;
	}
}

@media (min-width:768px) and (max-width:1024px){
	.standard_size > img{
    	width:6%;
	}
	select{
		  width: 100%;
		 background-position-x: 660px;
	}
	img.flag{width:3%;}
}
@media screen and (min-width:1024px){
	.mdl-button {
	    padding: 0 0px !important;
		min-width: 49px;
	}
}
@media screen and (max-width: 320px){
    .links {
        font-size: 12px !important;
    }
}