c
@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
author:		Anup
Date  :     22-Oct-2015
-----------------------------------------------------------------------------*/
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(animate.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, input, menu {vertical-align: baseline; outline: none;border: none;margin: 0;padding: 0;}
ol, ul{ list-style:none;}
a{/*display:block;*/}
a, a:hover, a:focus{ text-decoration:none;outline:none;}
textarea{ resize:none; border:0;}
img{ max-width:100%;}
video{ width:100%;}
clear{ clear:both;}/* CSS Document */
@font-face {font-family: 'ralewayregular';src: url('../fonts/raleway-regular-webfont.eot');src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-regular-webfont.woff2') format('woff2'),url('../fonts/raleway-regular-webfont.woff') format('woff'),url('../fonts/raleway-regular-webfont.ttf') format('truetype'),url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');font-weight: normal;font-style: normal;}
body{ font-size:16px; font-family: 'ralewayregular';color:#7e7f7f}/*------------Common Css------------*/
section, .sline, header, footer{ float:left; width:100%;}
h1{ font-size:30px;    margin: 30px 0 25px; color:#363636;position:relative;} 
h1::after {background: #C03025 none repeat scroll 0px 0px;bottom: -12px;content: "";height: 2px;left: 0px;position: absolute;width: 50px;}
h2{ font-size:20px; color:#363636;   margin: 30px 0 22px;} 

input[type="search"], input[type="text"], input[type="password"], input[type="email"]{padding:0 10px;}/*------------Common Css------------*/
.red-bg{background-color:#a02225;color:#fff}/*------------color------------*/
.red{color:#a02225;}
.white{color:#fff}/*------------color------------*/
.padding-left{padding-left:0;}
.padding-right{padding-right:0;}


/*header*/


.cal-quote {
    float: right;
    padding: 15px 0 0;
}
.cal-quote i {
    border-radius: 100%;
    color: #fff;
    float: left;
    font-size: 17px;
    height: 35px;
    margin: 3px 10px 0 0;
    padding: 9px 11px;
    width: 35px;
}
.cal-quote a {
    color: #fff;
    display: inline-block;
    float: left;
    padding: 8px 22px;font-weight:bold;
}
.cal-quote > p {
    float: left;
    font-family:sans-serif;
    font-size: 18px;
    padding: 8px 20px 0 0;
}

/*menu*/.list ul li {float: left;}
.navbar.navbar-inverse {background-color: transparent !important;border: medium none !important;}
.nav li a {color:#000;}

.nav li a:hover, .nav li a:focus, .nav li.active a{background-color: #a02225;transition: all 0.5s ease 0s;color:#fff;}

.nav li a.active{background-color: #a02225;transition: all 0.5s ease 0s;color:#fff;}

.dropdown-menu {
    background-color: rgb(255, 255, 255);
    border-radius:0;
    float: left;
	margin:2px 0 0 0;
	padding:0;
	border:none;
	width: auto;
}
.collapse.navbar-collapse.list {
    padding: 12px 0 0;
}
.dropdown-menu li a{color:#000; margin:5px 0 0 0;padding:10px;}
.dropdown-menu > li {
    
    width: 100%;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{color: #fff !important;background-color:#a02225 !important;float:left;width:100%;}
.nav li i {background-color: #fff;border-radius: 100%;box-shadow: 0 2px 4px 2px #3e8abe;padding: 10px;}
.menu-main.blue-bg {padding: 13px 0 8px;}
.navbar.navbar-inverse {margin: 0;}
.menu-main {
    margin: 50px 0 0;
}
.navbar-toggle {
    background-color: #000;}
/*menu*/

/*banner*/


.calc-bg{ border:solid 1px #a02225; padding:10px; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.32);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.32); width:100%; height:600px; margin:50px 0;}

.space-hd{ margin-top:30px;}


.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
 width: 100%;
}


#gmap_canvas{overflow:hidden;height:350px;width:100%;}

#gmap_canvas img{max-width:none!important;background:none!important}



.carousel-caption h3 {
    font-size: 40px;
    font-weight: bold;
	text-shadow: 2px 1px #222;
	/*background:rgba(160,34,37,0.5);*/
}
.carousel-caption > p {
    font-size: 22px;
}
.carousel-caption {
    bottom: 100px;
}
.carousel-caption > a {
    border: 1px solid;
    color: #fff;
    display: inline-block;
    margin: 35px 0 0;
    padding: 9px 25px;transition: all 0.5s ease-in 0s;
	background:#a02225;
}
.carousel-caption  a:hover {background-color:#fff;color:#000;transition: all 0.5s ease-in 0s;}
/*banner*/

/*header*/

/*head strip*/
.head-strip.red-bg {
    color: #fff;
    padding: 25px 0;
    text-align: center;
}
.head-strip p {
    font-size: 20px;
}
.head-strip h3 {
    font-size: 35px;
    margin: 0 0 6px;
}
/*head strip*/
/*banner quick contact*/
a.cl-logn {
    color: #fff;
    right: -65px;
    top: 40%;
}
.cl-logn {
    transform: rotate(270deg) scale(1) skew(1deg) translate(0px);
}
.cl-logn {
    background-color: rgba(160, 34, 37, 0.6);
     border-top: 3px solid #fff;
    color: #fff;
    
    padding: 6px 20px;
    position: fixed;
    text-transform: uppercase;
    top: 20%;
    z-index: 1000;
}

.pop_main_agent {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    text-align: center;
    width: 100%;
}
.pop_main_agent input[type="text"] {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    color: #000;
    height: 36px;
    margin: 5px 0;
    padding: 0 16px;
    width: 100%;
}
.pop_main_agent form {
    padding: 18px 80px;
}
.modal-header.pop-hed {
    background: #a02225 none repeat scroll 0 0;
    color: #fff;
    text-align: center;
}
.pop-hed h4 {
    font-size: 25px;
}
.pop-hed button.close {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    height: 30px;
    opacity: unset;
    width: 30px;
	color:#a02225;
}
.pop_main_agent textarea {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    color: #000;
    height: 90px;
    margin: 5px 0;
    padding: 0 16px;
    width: 100%;
}
.pop_main_agent button {
    
   
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 12px 0 0;
    padding: 11px 22px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;border:1px solid transparent;
}

.pop_main_agent button:hover {background-color:#fff;color:#a02225;border:1px solid #a02225;transition: all 0.5s ease 0s;}


/*banner quick contact*/


/*category*/

.sub-cat-main {
    background-color: #ededed;
    box-shadow: 0 4px 4px 2px #ccc;
    margin: 30px 0;
    padding: 10px 15px;
	
}
.sub-cat-main i {
    font-size: 50px;
}
.sub-cat-main h2 {
    margin: 20px 0 15px;font-size: 17px;
}

.sub-cat-main > p {
	height:100px;
    margin: 0 0 20px;
}


.sub-cat-main a {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 9px;
    padding: 7px 14px;
	border:1px solid transparent;transition: all 0.5s ease 0s;
}
.sub-cat-main a:hover{transition: all 0.5s ease 0s;border:1px solid #a02225;color:#a02225;background-color:#fff;}


/*category*/



/*apply-now*/


.bg-img {background-image: url("../images/nyc1.jpg");height:425px;background-size: cover;background-attachment: fixed;}
.bg-img h4 {color: #fff;font-size: 35px;text-align: center;padding: 150px 0 0 0;}
.bg-img{text-align: center;}
.abt-con h1 {color:#fff;margin:0 0 40px;}
.abt-con {padding: 20px 20px;height: 425px;}
.abt-con p{margin:0 0 10px;line-height: 30px;}
.abt-con a{color:#fff;transition: all 0.5s ease 0s;padding:8px 12px;margin:0 0 20px;display:inline-block;border:1px solid transparent}
.abt-con a:hover{transition: all 0.5s ease 0s;background:#fff;border:1px solid #c03025;color:#c03025}
.fluid-con{display:none;}
.abt-con a i {padding: 0 0 0 11px;font-size: 12px;}
.bg-img a{color:#fff;transition: all 0.5s ease 0s;padding:10px 15px;margin:20px 0 0px;display:inline-block;border:1px solid #fff;}
.bg-img a:hover{transition: all 0.5s ease 0s;background:#a02225;border:1px solid #c03025;}

.abt-con.red-bg h1::after {
    background: #fff none repeat scroll 0 0;
    
}
.abt-con.red-bg > h1 {
    margin: 20px 0 40px;
}
/*apply-now*/

/*services*/

.home-loan{ background: url(../images/home-loan.jpg) no-repeat center center !important;}

.personal-loan{ background: url(../images/personal-loan.jpg) no-repeat center center !important;}

.car-loan{ background: url(../images/carloan.jpg) no-repeat center center !important;}

.commercial-loan{ background: url(../images/commercial.jpg) no-repeat center center !important;}

.debt-consolidation{ background: url(../images/Debt-Consolidation.jpg) no-repeat center center !important;}


.service-main1 {
    background-image: url("../images/port1.jpg");
    background-size: cover;
    height: 200px;text-align: center;margin: 30px 0 40px;height: 250px;
}
.service-img2 {
    background-image: url("../images/port2.jpg");}
	.service-img3 {
    background-image: url("../images/port3.jpg");}
.service-main1 > h3 {
    color: #fff;
    font-size: 30px;
    padding: 70px 0 0;text-align: center;
    
}
.service-main1 a{ background-color: rgba(160, 34, 37, 0.6);

color:#fff;
display:inline-block;
padding:8px 14px;margin: 20px 0 0;

}
/*services*/


/*clients*/




.clients {
    background-attachment: fixed;
    background-image: url("../images/bg-02.jpg");
    background-size: cover;
   /* height: 790px;*/
}

.clients h1{color:#fff}

.clients h1::after{background-color:#fff;}

.client-img {
    background-color: #fff;
    box-shadow: 0 4px 5px 3px #242424;
    margin: 35px 0 20px;
    padding: 0 6px;
}

/*clients*/

/*down-strip*/

.bottom-strip{
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(left, #ededed 68%, #a02225 68%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(68%,#ededed), color-stop(68%,#a02225)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ededed 68%,#a02225 68%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ededed 68%,#a02225 68%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ededed 68%,#a02225 68%); /* IE10+ */
background: linear-gradient(to right, #ededed 68%,#a02225 68%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#a02225',GradientType=1 );

padding: 15px 0;}
.dwn-strip-link > a {
    color: #fff;
    float: right;
    font-size: 20px;
    
    padding: 11px 30px;
    transition: all 0.5s ease 0s;
}

.dwn-strip-link > a:hover {transition: all 0.5s ease 0s; background-color:#fff;color:#a02225;}



.dwn-strip-con > h3 {
    margin: 15px 0 0;
}
/*down-strip*/

/*footer*/

.foot {
    background-color: #202020;
}
.foot-form {
    padding: 40px 0 0;
}
.foot-form > h3 {
    color: #fff;
    font-size: 27px;
    margin: 0 0 25px;
}
.foot-form input {
    background-color: #2b2c2d;
    color: #fff;
    float: left;
    height: 40px;
    margin: 0 0 6px;
    width: 100%;
}
.foot-form textarea {
    background-color: #2b2c2d;
    color: #fff;
    float: left;
    height: 90px;
    margin: 0 0 6px;
    width: 100%;
	padding:10px;
}
.foot-form button {
    font-size: 14px;
    margin: 10px 0 0;
    padding: 10px 20px;transition: all 0.5s ease 0s;
}
.foot-form button:hover {transition: all 0.5s ease 0s;background-color:#fff;color:#a02225;}
.address-main li {
    float: left;
    text-align: center;
    width: 32%;padding: 40px 0 0;
}
.address-main li i {
    font-size: 25px;
    padding: 0 0 15px;
}
.address-main h4 {
    color: #fff;
    padding: 0 0 5px;
}
.logo-social {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}
.logo-social li {
    float: left;
   
}
.foot-social li {
    left: 182px;
    position: relative;
    top: 44px;
}
.foot-social li a i {
    background: #2b2c2d none repeat scroll 0 0;
    border-radius: 100%;
    color: #646465;
    font-size: 18px;
    height: 50px;
    margin: 0 11px 0 0;
    padding: 16px 18px;
    width: 50px;transition: all 0.5s ease 0s;
}

.foot-social li a:hover i {color:#a02225;transition: all 0.5s ease 0s;}
.copy-right {
    background-image: url("../images/foot-buid.png");background-repeat: no-repeat;
    background-size: 100% auto;color: #fff;
}
.foot-eldo a {
    color: #fff;
    display: inline-block;transition: all 0.5s ease 0s;
}
.foot-eldo a:hover {
    color: #a02225;
    transition: all 0.5s ease 0s;
}
.footer-link li {
    float: left;
    padding: 0 0 0 20px;
}
.footer-link {
    float: right;padding: 80px 0 16px;
}
.foot-eldo {
    padding: 80px 0 16px;
}
.footer-link a{color:#fff;transition: all 0.5s ease 0s;}
.footer-link a:hover{color:#a02225;transition: all 0.5s ease 0s;}
.footer-link li.active a{color:#a02225;}
/*footer*/


/*about us*/

.about-main h1 {
    margin: 40px 0;
}
.about-main {
    margin: 0 0 40px;
}

.about-main p{ margin-bottom:20px;}

.common-list li i {
    width: 3%;
}

.common-list span {
    width: 97%;
}
.common-list li {
    margin: 0 0 5px;
}
.about-main h2 {
    margin: 15px 0 10px;
}

/*about us*/


/* Testimonials */

.testimonials .item{ border:dashed 1px #ccc; margin-bottom:25px;}

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 15px;
    position: relative;
	margin-bottom:15px;
}

.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #a02225 transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
	margin:10px;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #a02225;
    font-size: 18px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}





.qt-bg{ background:url(../images/build.jpg) fixed center; padding-bottom:40px;}

.qt-bg h2{ font-size:30px; color:#ffffff;}





.qt-bg blockquote{
  display:block;
  background: rgba(0, 0, 0, 0.2);
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  font-size: 20px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  /*Borders - (Optional)*/
  border-left: 15px solid #a02225;
  border-right: 2px solid #a02225;
  color:#dfdfdf;
}

.qt-bg blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

.qt-bg blockquote::after{
  /*Reset to make sure*/
  content: "";
}

.qt-bg blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

.qt-bg blockquote a:hover{
 color: #666;
}

.qt-bg blockquote em{
  font-style: italic;
}




















/*contact*/
.maparea {
    float: left;
    width: 100%;
}
#cm-map {
    height: 400px;
    width: 100%;
}

.cont-address-inn {
    text-align: center;
}
.contact-address {
    margin: 40px 0 35px;
}
.cont-address-inn i {
    font-size: 30px;
    padding: 0 0 10px;
}
.cont-address-inn > h4 {
    color: #363636;
    font-weight: bold;
    padding: 0 0 5px;
}
.contact-form input[type="text"] {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
   
    color: #ffffff;
    height: 40px;
    margin: 25px 0 0;
    padding: 0 10px;
    width: 100%;
}
.contact-form textarea {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
   
    color: #ffffff;
    height: 100px;
    margin: 10px 0 0;
    padding: 6px 10px;
    width: 100%;
}
.contact-form button {
   
    border: medium none;
   
    margin: 10px 0 25px;
    padding: 8px 15px;
    
}

.contact-form {
    background-image: url("../images/contact-bg.jpg");
    background-size: cover; padding: 30px 0;
}
.container > h3 {
    color: #fff;
}

/*contact*/

/*mortgage*/

.mort-icon{
    margin: 26px 0 0;
    text-align: center;
    width: 20%;}

.mort-con{width: 80%;}
.service-main-inn li {
    float: left;
}
.mort-icon i{font-size:65px;transition: all 0.5s ease 0s;}

.service-main-inn a {
    display: inline-block;transition: all 0.5s ease 0s;
    font-size: 14px;
    margin: 25px 0 0;
    padding: 8px 15px;
}
.service-main-inn {background-color:#fff;float: left;
    width: 100%;padding: 20px 0;}
.mortgage-main {
    margin: 0 0 40px;
}
.service-main-inn:hover{background-color:#a02225;transition: all 0.5s ease 0s;cursor:pointer;color:#fff;}

.service-main-inn:hover i{color:#fff;transition: all 0.5s ease 0s;}
.service-main-inn:hover a{color:#a02225;background-color:#fff;transition: all 0.5s ease 0s;}
.service-main-inn:hover h2{color:#fff;transition: all 0.5s ease 0s;}
/*mortgage*/

/*mortgage-nn*/

.panel-body a {
    color: #a02225;
    display: inline-block;
}







/*mortgage-nn*/


/*mortgage-inn-ui*/


.tab-common{float:left;width:100%; margin: 30px 0 15px;}

.mort-icon{
    margin: 26px 0 0;
    text-align: center;
    width: 20%;}

.tab-common li.mort-con{width: 80%;}
.tab-common li {
    float: left;
}
.tab-common li.mort-icon i{font-size:135px;transition: all 0.5s ease 0s;}

.tab-common a {
    display: inline-block;transition: all 0.5s ease 0s;
    font-size: 14px;
    margin: 25px 0 0;
    padding: 8px 15px;border:1px solid transparent;
}
.tab-common a:hover{color:#a02225;background-color:#fff;transition: all 0.5s ease 0s;border:1px solid #a02225;}
.ev-ui-tabs-main .nav-tabs > li a{
   color:#fff;
     border-radius: 0 !important;
    float: left;
    margin-bottom: -1px;
}

.ev-ui-tabs-main .nav li a:hover, .ev-ui-tabs-main .nav li a:focus, .ev-ui-tabs-main .nav li.active a {
   background-color:#fff;
    color: #a02225;
    transition: all 0.5s ease 0s;
}
.mort-ui .tab-pane.active {
    display: block !important;
}
.mort-ui .tab-pane {
    display: none !important;
}

.mort-inn-main{margin: 0 0 40px;}
.mort-inn-main p {
    margin: 0 0 20px;
}
.common-list {
    margin: 0 0 25px;
}
/*mortgage-inn-ui*/


/* Large Devices, Wide Screens */
@media (max-width : 1200px) {
	.sub-cat-main h2 {
    
    height: 40px;
   
}
	.sub-cat-main {
    
    height: 320px; 
	}
@media (max-width : 1024px) {}
/* Medium Devices, Desktops */
@media (max-width : 992px) {
	.abt-con {
    height: auto;}
	.copy-right {
    background-color: #2a2b2d;
    background-image: none;
    
    
    padding: 12px 0;
}
	.sub-cat-main h2 {
    
    height:auto
   
}.sub-cat-main > p {height:auto}
	.sub-cat-main {
    
    height:auto
	}
	
.menu-main {
    margin: 0 0 10px;float: right; width: 100%;
}	
	
.carousel-caption {
    
    display: none;
}
	.clients {
    
    height: auto;
   
}
.client-img { text-align: center;}



	.bottom-strip {
    background: transparent none repeat scroll 0 0;
   
}
.dwn-strip-link > a {
    
    float: left;
    
    margin: 20px 0 0;
   
}
	
	.footer-link {
    float: left;
     padding: 10px 0;
}
.foot-eldo {
    padding: 0;
}
.footer-link li {
    
    padding: 0 20px 0 0;
}
.common-list li i {
    width: 5%;
}
.common-list span {
    width: 95%;
}
.cont-address-inn {
    margin: 0 0 30px;
}
}

/* Small Devices, Tablets */
@media (max-width : 768px) {
	.ev-ui-tabs-main .nav > li {
    width:100%
}
.ev-ui-tabs-main .nav-tabs > li a {
    
    width: 100%;
}
	.contact-form input[type="text"] {
   
    margin: 10px 0 0;}
	.mort-icon {
    
    width: 25%;
}
	
	.mort-con {
    width: 75%;
}
	
	.foot-social {
    text-align: center;
    width: 100%;
}
.foot-social li {
    float: left;
    left: 0;
    position: unset;
    top: 0;
}
	.address-main li {
   
    width: 100%;text-align: left;
}
	.list ul li {
    width: 100%;
}
.tab-pane {
    display: block !important;
}
	.dropdown-menu {position:unset;}
	.dropdown-menu li a{color:#000;text-align:center}
	.nav.pull-right {
    float: unset !important;
}
.nav > li > a {
    
    text-align: center;
}
.common-list li i {
    width: 10%;
}
.common-list span {
    width: 90%;
}
	
	}
@media (max-width : 640px) {
	.foot-social li a i {
   
   
    margin: 0 11px 20px 0;}
	
	}
/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {
	
	
	}
/* Custom, iPhone Retina */ 
@media (max-width : 320px) {}
@media (max-width : 240px) {}