/*==========  Mobile First Method  ==========*/
/* IPHONE 4 + 5 Portrait */
@media only screen and (min-width: 240px) and (max-width: 319px) {
#pro-cols .col-xs-4{ width:100%;} 
#pro-cols .col-xs-4{ min-width:inherit; width:100%;} 
.row-centered{ text-align:center;}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#form-left .col-xs-6{ width:100%;}
#sm-form .col-xs-6{ width:100%;}
#new-donation-box .col-xs-4{ width:100%;}
.or { margin:25px auto 50px auto;}
#donation-boxes .col-xs-4{ width:100%;}
#googleMap_0{ width:100%!important;}
.new-cards{ width:100%;}
.new-cards ul{ text-align:center; margin:0px; }
.new-cards li{ margin:0px 0 15px 0; padding: 0px; list-style: none; width:100%;  padding:0 0px;display:inline-block; min-width:250px; max-width:250px;}
.new-cards li img{ width:100%;}
#mainsm-form .col-xs-6{width:50%;}
.ssl-min {min-width: 230px;right: -53px;}
}



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
#pro-cols .col-xs-4{ width:100%;} 
#pro-cols .col-xs-4{ /*max-width:300px;min-width:300px;*/} 
.row-centered{ text-align:center;}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
.back-arrow2{ padding-left:10px;}
#donation-boxes .col-xs-4{ width:100%;}
#or-rewards .col-xs-6{ width:50%;}
#or-rewards label{ font-size:14px; margin-bottom:0px; line-height:34px;}
#form-left .col-xs-6{ width:50%;}
#phone .col-xs-4{width:33.33333333%;}
#hides .col-xs-6{width:50%;}
#mainsm-form .col-xs-6{ width:50%;}
.hr{ margin:15px 0;}
#widget-header .navbar-brand{ padding-left:15px;}
/*#hiddens .hidden-xs{ display:none!important}
#hiddens .col-xs-5{ width:50%;}*/
#hiddens .col-xs-12{ width:100%;}
.small-one{ float:right!important; font-size:12px; text-align:right;}
#pro-cols .detials.one{ width:66%; font-size:10px;}
#mainsm-form .col-xs-8{ width:66.66666667%;}
#mainsm-form .col-xs-4{width:33.33333333%;}
#details-one .col-xs-6{ width:100%;}
#new-donation-box .col-xs-4{ width:100%;}
.or { margin:25px auto 50px auto;}
#form-left .col-xs-6{ width:100%;}
#sm-form .col-xs-6{ width:100%;}
#googleMap_0{ width:100%!important;}
.new-cards{ width:100%;}
.new-cards ul{ text-align:center; margin:0px; }
.new-cards li{ margin:0px auto 15px auto; padding: 0px; list-style: none; width:100%;min-width:250px; max-width:250px;padding:0 0px;display:inline-block;}
.new-cards li img{ width:100%;}
#mainsm-form .col-xs-6{width:50%;}
.ssl-min {min-width: 230px;right: -53px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
#pro-cols .col-xs-4{ width:50%;} 
.row-centered{ text-align:center;}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#pro-cols .col-xs-4{ /*max-width:300px;*/} 
nav .back-arrow2{ padding-left:15px;}
#sm-form .col-xs-6{width:50%;}
.hr{ margin:15px 0;}
#new-donation-box .col-xs-4{ width:33.333%;}
#hiddens .col-sm-5{ width:41.6667%;}
#hiddens .col-sm-2{ width:16.6667%;}
.or { margin:100px auto 50px auto;}
#form-left .col-xs-6{ width:50%;}
#sm-form .col-xs-6{ width:100%;}
#donation-boxes .col-xs-4{ width:50%;}
#or-rewards .col-xs-6{ width:50%;}
#googleMap_0{ width:100%!important;}
.new-cards{ width:100%;}
.new-cards ul{ text-align:center; }
.new-cards li{ margin:0px 0 15px 0;list-style: none; width:280px; max-width:280px; padding:0 15px;display:inline-block;}
#mainsm-form .col-xs-6{width:50%;}
.ssl-min {min-width: 230px;right: -53px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 360px) {.new-cards{ width:100%;}#mainsm-form .col-xs-6{width:50%;} .ssl-min {min-width: 230px;right: -53px;}}


/* Small Devices, Tablets */
@media only screen and (min-width : 600px) {
#pro-cols .col-xs-4{ width:33.333%;/*max-width:293px;*/}
.card-outer li.last {
    margin-right: 0px !important;
}
#mainsm-form .col-xs-6{width:50%;}
.ssl-min {min-width: 230px;right: -53px;}
}
@media (min-width: 768px) and (max-width: 980px) {
    .card-outer li.last {
    margin-right: 0px !important;
    }  
#mainsm-form .col-xs-6{width:50%;} 
.ssl-min {min-width: 230px;right: -53px;}
.same-tabs .mx-button label {font-size: 14px !important;}
#widget-list .btn-big {font-size: 16px !important;}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.row-centered{ text-align:center;}
#pro-cols .col-sm-4{ width:33.333%;/*max-width:314px;*/}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#pro-cols .col-xs-4{ min-width:inherit;}
nav .back-arrow2{ padding-left:0px;}
#widget-header .navbar-brand{ padding-left:15px;}
#new-donation-box .col-sm-2{ width:16.6667%;}
#hiddens .col-sm-5{ width:41.6667%;}
#hiddens .col-sm-2{ width:16.6667%;}
.or { margin:100px auto 50px auto;}
#form-left .col-sm-6{ width:50%;}
#sm-form .col-sm-6{ width:50%;}
#donation-boxes .col-xs-4{ width:16.6667%;}
#or-rewards .col-sm-6{ width:50%;}
#googleMap_0{ width:100%!important;}
.new-cards{ float:none; width:100%; position: relative; margin:0px auto;}
.new-cards ul{ text-align:center;}
.new-cards li{ margin:0px 0 20px 0; padding: 0px; list-style: none; width:280px;  padding:0 15px;display:inline-block;max-width:280px; min-width:280px; }
.card-outer li.last {
    margin-right: 0px !important;
}
#mainsm-form .col-xs-6{width:50%;}

}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.row-centered{ text-align:center;}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#pro-cols .col-md-4{ max-width:300px;} 
#new-donation-box .col-md-2{ width:16.6667%;}
#hiddens .col-sm-5{ width:41.6667%;}
#hiddens .col-sm-2{ width:16.6667%;}
.or { margin:100px auto 50px auto;}
#form-left .col-md-6{ width:50%;}
#sm-form .col-md-6{ width:50%;}
.new-cards{ float:none; width:85%; position: relative; margin:0px auto;}
.new-cards ul{ text-align:center;}
.new-cards li{ margin:0px 0 20px 0; padding: 0px; list-style: none; width:280px;  padding:0 15px;display:inline-block;max-width:280px; min-width:280px;}
.card-outer li.last {
    margin-right: 0px !important;
    }
#mainsm-form .col-xs-6{width:50%;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.row-centered{ text-align:center;}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#pro-cols .col-lg-3{ /*max-width:320px;*/}
#new-donation-box .col-lg-2{ width:16.6667%;}
#hiddens .col-sm-5{ width:41.6667%;}
#hiddens .col-sm-2{ width:16.6667%;}
.or { margin:100px auto 50px auto;}
#form-left .col-lg-6{ width:50%;}
#sm-form .col-lg-6{ width:50%;}
.new-cards{ float:none; width:848px; position: relative; margin:0px auto;}
#mainsm-form .col-xs-6{width:50%;}
}


/* Small Devices, Tablets */
@media (min-width: 481px) and (max-width: 599px) {
.row-centered{ text-align:center;}
#pro-cols .col-xs-4{ width:50%;/*max-width:293px;*/}
.col-centered{ float:none; margin:0px auto; display:inline-block;}
#pro-cols .col-xs-4{ min-width:inherit;}
nav .back-arrow2{ padding-left:0px;}
#widget-header .navbar-brand{ padding-left:15px;}
#new-donation-box .col-lg-2{ width:33.333%;}
#hiddens .col-sm-5{ width:41.6667%;}
#hiddens .col-sm-2{ width:16.6667%;}
.or { margin:100px auto 50px auto;}
#form-left .col-xs-6{ width:50%;}
#sm-form .col-xs-6{ width:50%;}
#googleMap_0{ width:100%!important;}
#mainsm-form .col-xs-6{width:50%;}

}

@media only screen and (max-width: 992px) {
.card-outer ul li:nth-child(3n+3){margin-right: 0;}
}

@media (min-width: 640px) and (max-width: 980px) {
.card-outer li {margin: 0 15px 20px !important;}
.font-eighteen.btn-big {font-size: 14px !important;}
}