/* vaginalmesh/legalclaimscenter.com ----------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
li.indent.tab {
    margin-left: 15px;
    list-style-position: inside;
    text-indent: -47px;
    padding-left: 7px!important;
}
.indent.tab.long {
          margin-left: 0px;

}
li.indent.tab.mobile {
    margin-left: 42px;
}
li.indent.tab.disc {
    margin-left: 6px;
}
h2.pagetop {
    font-size: 30px;
}
h2.large-cta-red, h2.large-cta-red a {
	font-size: 29px!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}
h2.large-cta-grey {
	font-size: 43px;
}
.CTA p {
    font-size: 25px;
    line-height: 32px;
}
h2.bigred {
	font-size: 38px;
}
.topBar a{
	float:none!important;
	text-align:center;
}

.topBar h1{
	border-left:0px solid #9D9D9D;
	border-top:1px solid #9D9D9D;
	border-bottom:1px solid #9D9D9D;
	margin:20px 0 20px 0;
	padding:20px 0 20px 0;
	text-align:center;
	float:none;
	font-size: 40px;
    line-height: 45px;
}

.logo{
	text-align:center;
}

.topBar h2, .topBar h3{
	text-align:center;
	margin:0px;
    font-size: 21px;
}
h3.phone_number a {
	font-size: 41px;
}
#lcolFormHead {
	margin:10px 0 0 0;
}

#heroImage{
	height: 100%;
	background:#000;
	margin-bottom: 17px;
	background:url(../images/legal-claims-center-header-bg.jpg) no-repeat center top #000;
}

#heroImage .main_head {
    margin-top: 24px;
    font-weight: bolder;
    font-size: 40px;
    color: #FFFFFF;
	    font-family: helvetica!important;
}
#heroImage .main_head_two {
	margin-bottom: 25px;
	margin-top: 13px;
    font-weight: bolder;
    font-size: 34px;
	    line-height: 40px;
    color: #FFFFFF;
    font-family: helvetica;
}


p.header_two_top {
	line-height: 30px;
	font-size: 27px;
	text-align: center;
}
p.header_two_bottom {
	font-size: 22px;
	text-align: center;
}
.wFormContainer {
	    margin-bottom: 20px!important;
}
h2.green {
    font-size: 50px;
    line-height: 45px;
    padding-top: 20px;
}
h3.orange a, h3.orange {
        font-size: 32px;
    padding-bottom: 20px;
}
.twelve.columns.blackbg p {
    font-size: 26px;
    line-height: 29px;
    padding-left: 15px;
    padding-right: 15px;
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */


}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
/* Styles */
#heroImage .main_head {
	
}
.wFormContainer {
	margin-left: -12px!important;
	    margin-bottom: 30px!important;
}
#lcolFormHead img {
    width: 305px;
}
p.header_two_bottom {
    font-size: 18px;
}
h2.green {
    font-size: 36px;
    line-height: 34px;
}
.twelve.columns.blackbg p {
    font-size: 19px;
    line-height: 21px;
}
h3.orange a, h3.orange {
    font-size: 26px;
    padding-bottom: 20px;
}
h2 {
    font-size: 24px;
}
.column, .columns {
    float: none;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

.topBar h1 {
	float: none;
}
.row .six.columns {
    width: 49.8%;
}
.topBar img {
    padding-right: 15px;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.row .twelve.columns {
    width: 79%;
    padding-left: 30px;
}
h1.logo-text {
    width: 220px;
     text-align: left !important;
         margin-top: 13px!important;
}
.topBar h1 {
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    border-left: none;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media only screen 
and (min-device-width : 411px) 
and (max-device-width : 480px) {
	img.shrink {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 153px;
}
}
@media only screen 
and (min-device-width : 370px) 
and (max-device-width : 411px) {
	img.shrink {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 130px;
}
}

@media only screen 
and (min-device-width : 322px) 
and (max-device-width : 369px) {
img.shrink {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 123px;
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 321px) {
img.shrink {
    float: left;
    margin-bottom: 20px;
    margin-right: 150px;
    text-align: center;
    padding-left: 104px;
}
}