/* CSS Document */

/*
Theme Name: America Sevashram Sangha
Theme URL: http://www.kmaxdesigns.com/
Author: the Responsive web design
*Copyright 2016, Syed Mannan web developer
Author URI: http://www.kmaxdesigns.com/
Description: The is a simple and clean responsive web design.
*/
@media only screen and (max-width: 768px){
header {
background: #F5891D;
height: auto;
width: 100%;
}
.header {
height: auto;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
height: auto;
text-align: center;
width:37%;
}
.logo img
{width:93%;
}
.audioss {
    margin-top: 8px;
    text-align: center;
    width: 27%;
}

audio {
    width: 94%;
}
.call
{width:35%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.left_bg
{width:auto;
height:auto;
}
#slider
{width:100%;
background:none;
}
.wraper {
height: auto;
margin: 0 auto;
width: 100%;
}

.lefts {
    float: left;
    height: auto;
    text-align: center;
    width: 30%;
}
.leftsss {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss img
{width:100%;
height:152px;
}
.rightes
{width:70%;
margin-left:0;
margin-top:0px;
}
.body
{width:100%;
height:auto;
float:none;
}
.right_shadow {
background: rgba(0, 0, 0, 0) url("../images/flash_side1.png") repeat-y scroll left center;
float: right;
height:0;
}
.left_sha {
    float: left;
    height: auto;
    margin-top: 25px;
    width: 2%;
}

aside {
    float: left;
    height: auto;
    width:34%;
}
article {
float: left;
height: auto;
width:60%;
}
.wel {
    font-size: 16px;
    padding: 0;
    text-align: center;
    width: 98%;
}
.wel img
{width:100%;
}
.txt
{width:98%;
text-align:justify;
line-height:26px;
}
.boat
{font-size: 22px;
font-family: serif;
text-align:center;
}
.wel1 img
{width:100%;
}
.banners {
height: auto;
text-align: center;
width: 100%;
}
.banners img {
margin-top: 1px;
text-align: center;
width: 31.5%;
}
.right_sha {
margin-top: 0;
float:right;
height:auto;
width:auto;
}
.right_sha img
{width:auto;
}
footer
{width:100%;
}
.footer {
height: auto;
margin: 0 auto;
width:100%;
}
.footer_left {
float: right;
height: auto;
padding:0;
width:85%;
text-align:center;
}
.copyright {
float: right;
height: auto;
padding-top: 10px;
text-align: center;
width: 100%;
padding-bottom:6px;
}
.handay_txt
{text-align:center;
width:100%;
}

.fullbody {
    float: left;
    height: auto;
    width: 96%;
}
}

@media only screen and (max-width: 640px){
header {
background: #F5891D;
height: auto;
width: 100%;
}
.header {
height: auto;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
height: auto;
text-align: center;
width: 43%;
}
.logo img
{width:93%;
}
.audioss {
    margin-top: 8px;
    text-align: center;
    width: 57%;
}
.call
{width:56%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.left_bg
{width:auto;
height:auto;
}
#slider
{width:100%;
background:none;
}
.wraper {
height: auto;
margin: 0 auto;
width: 100%;
}

.lefts {
    float: left;
    height: auto;
    text-align: center;
    width: 30%;
}
.leftsss {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss img
{width:100%;
height:152px;
}
.rightes
{width:70%;
margin-left:0;
margin-top:0px;
}
.body
{width:100%;
height:auto;
float:none;
}
.right_shadow {
background: rgba(0, 0, 0, 0) url("../images/flash_side1.png") repeat-y scroll left center;
float: right;
height:0;
}
.left_sha {
    float: left;
    height: auto;
    margin-top: 25px;
    width: 2%;
}

aside {
    float: left;
    height: auto;
    width:34%;
}
article {
float: left;
height: auto;
width:60%;
}
.wel {
    font-size: 16px;
    padding: 0;
    text-align: center;
    width: 98%;
}
.wel img
{width:100%;
}
.txt
{width:98%;
text-align:justify;
line-height:26px;
}
.boat
{font-size: 22px;
font-family: serif;
text-align:center;
}
.wel1 img
{width:100%;
}
.banners {
height: auto;
text-align: center;
width: 100%;
}
.banners img {
margin-top: 1px;
text-align: center;
width: 31.5%;
}
.right_sha {
margin-top: 0;
float:right;
height:auto;
width:auto;
}
.right_sha img
{width:auto;
}
footer
{width:100%;
}
.footer {
height: auto;
margin: 0 auto;
width:100%;
}
.footer_left {
float: right;
height: auto;
padding:0;
width:85%;
text-align:center;
}
.copyright {
float: right;
height: auto;
padding-top: 10px;
text-align: center;
width: 100%;
padding-bottom:6px;
}
audio
{width:68%;
}
.hindu
{width:88%;
}
.handay_txt
{text-align:center;
width:100%;
}

.fullbody {
    float: left;
    height: auto;
    width: 96%;
}

}

@media only screen and (min-width: 479px) and (max-width: 480px){
header {
background: #F5891D;
height: auto;
width: 100%;
}
.header {
height: auto;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
height: auto;
text-align: center;
width: 100%;
}
.logo img
{width:65%;
}
.audioss
{width:100%;
margin-top:8px;
text-align:center;
}
.call
{width:100%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.left_bg
{width:auto;
}
#slider
{width:100%;
}
.wraper {
height: auto;
margin: 0 auto;
width: 100%;
}

.lefts {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss img
{width:100%;
height:300px;
}
.rightes
{width:100%;
margin-left:0;
margin-top:-3px;
}
.body
{width:100%;
height:auto;
float:none;
}
.right_shadow {
background: rgba(0, 0, 0, 0) url("../images/flash_side1.png") repeat-y scroll left center;
float: right;
height:0;
}
.left_sha {
    float: left;
    height: auto;
    margin-top: 25px;
    width: 2%;
}

.fullbody {
    float: left;
    height: auto;
    width: 95%;
}

aside {
    float: left;
    height: auto;
    width: 93%;
}
article {
float: left;
height: auto;
width: 100%;
}
.wel {
    font-size: 20px;
    padding: 0;
    text-align: center;
    width: 98%;
}
.wel img
{width:100%;
}
.txt
{width:98%;
text-align:justify;
line-height:26px;
}
.boat
{font-size: 22px;
font-family: serif;
text-align:center;
}
.wel1 img
{width:100%;
}
.banners {
height: auto;
text-align: center;
width: 100%;
}
.banners img {
margin-top: 1px;
text-align: center;
width: 31.5%;
}
.right_sha {
margin-top: 0;
float:none;
height:auto;
width:auto;
}
.right_sha img
{width:auto;
}
footer
{width:100%;
}
.footer {
height: auto;
margin: 0 auto;
width:100%;
}
.footer_left {
float: right;
height: auto;
padding:0;
width: 96%;
text-align:center;
}
audio
{width:50%;
}
.copyright {
float: right;
height: auto;
padding-top: 10px;
text-align: center;
width: 100%;
padding-bottom:6px;
}

.hindu {
    border: 3px dotted red;
    padding: 20px;
    width: 87%;
}
.handay_txt
{width:91%;
margin-left:11px;
padding-left:10px;
font-size:16px;
text-align:center;
}

.formss {
    float: none;
    height: auto;
    width: 100%;
	text-align:center;
}
.formss_left
{text-align:center;
width:26%;
}
.formss_right
{width:74%;
}
.coming
{padding-top:0;
padding-bottom:30px;
}
}

@media only screen and (max-width: 479px){
header {
background: #F5891D;
height: auto;
width: 100%;
}
.header {
height: auto;
margin: 0 auto;
width: 100%;
}
.logo {
float: left;
height: auto;
text-align: center;
width: 100%;
}
.logo img
{width:90%;
}
.audioss
{width:100%;
margin-top:8px;
text-align:center;
}
.call
{width:100%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.left_bg
{width:auto;
}
#slider
{width:100%;
}
.wraper {
height: auto;
margin: 0 auto;
width: 100%;
}

.lefts {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.leftsss img
{width:100%;
height:300px;
}
.rightes
{width:100%;
margin-left:0;
margin-top:-3px;
}
.body
{width:100%;
height:auto;
float:none;
}
.right_shadow {
background: rgba(0, 0, 0, 0) url("../images/flash_side1.png") repeat-y scroll left center;
float: right;
height:0;
}
.left_sha {
float: left;
height: auto;
margin-top: 25px;
width: 3%;
}

.fullbody {
    float: left;
    height: auto;
    width: 93%;
}
article {
float: left;
height: auto;
width: 100%;
}
.wel
{width:100%;
text-align:center;
font-size:13px;
padding:0;
}
.wel img
{width:100%;
}
.txt
{width:95%;
text-align:justify;
line-height:26px;
}
.boat
{font-size: 22px;
font-family: serif;
text-align:center;
}
.wel1 img
{width:100%;
}
.banners {
height: auto;
text-align: center;
width: 100%;
}
.banners img {
margin-top: 1px;
text-align: center;
width: 70.5%;
}
.right_sha {
margin-top: 0;
float:none;
height:auto;
width:auto;
}
footer
{width:100%;
}
.footer {
height: auto;
margin: 0 auto;
width:100%;
}
.footer_left {
float: right;
height: auto;
padding:0;
width: 86%;
text-align:center;
}
.copyright {
float: right;
height: auto;
padding-top: 10px;
text-align: center;
width: 100%;
padding-bottom:6px;
}
audio
{width:74%;
}
aside {
    float: left;
    height: auto;
    width:90%;
}
.hindu {
    border: 3px dotted red;
    padding: 20px;
    width: 87%;
}
.handay_txt
{width:91%;
margin-left:11px;
padding-left:10px;
font-size:16px;
}

.formss {
    float: none;
    height: auto;
    width: 100%;
	text-align:center;
}
.formss_left
{text-align:center;
width:100%;
}
.formss_right
{width:100%;
}
.coming
{padding-top:0;
padding-bottom:30px;
}
}