﻿@media only screen and (max-width:1020px){
#container{width:95%;}
#content{width:76%;}
#rgt-col{width:24%;}
.rgt-img{width:38% !important;}
.rgt-img img{width:auto !important;height:auto !important;}
}

@media only screen and (max-width:800px){
#rgt-col{display:none;}
#rgt-col-content-control{display:table-cell;}
#rgt-col-content-control > div{margin:7px 15px 7px 0;float:left;}
#rgt-col-content-control .tell-a-friend{height:180px;}
#rgt-col-article{display:block;float:right;clear:right;}
#rgt-col-article > div{margin:0 0 15px 15px;}
#nav{display:none;}
#medium-nav{display:block;}
.nav > ul > li{width:25% !important;}
}

@media only screen and (max-width:850px){
.search-names > div > div:last-child{width:73%;}
.search-names > div > div:last-child input[type=text]{width:65% !important;}
.alphabet-links tr{display:block;}
.alphabet-links td{width:5%;display:inline-block;}
.site-search input[type=text]{width:150px;}
}

@media only screen and (max-width:700px){
    .site-search input[type=text]{width:110px;}
}

@media only screen and (max-width:600px){
.nav{margin-top:62px;}
.site-search{width:58%;position:absolute;right:-15px;top:150px;}
.site-search div:first-child{width:100%;}
.site-search input[type=text]{width:94%;}
.search-box > div:first-child{width:45px;}
.search-box > div:last-child{width:56px;}
#my-account-menu{width:30%;position:absolute;top:150px;left:14px;height:auto;border:none;margin:0;}
#my-account-menu > ul{width:100%;}
#my-account-menu > ul > li{width:97%;border-bottom:1px solid #F7F9FF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#my-account-menu li{padding:2px;}
#medium-nav{display:none;}
#mini-nav{display:block;}
.nav > ul > li{width:25% !important;}
.muslim-names br{display:none;}
.muslim-names > span{width:50%;}
fieldset.small{width:auto;}
.login-container > div > div:first-child{display:block;width:auto;}
.login-container > div > div:last-child{display:block;width:auto;padding:10px 0 0 0;}
.search-names > div > div:first-child{width:25%;}
.alphabet-links td{width:22px;}
}

@media only screen and (max-width:475px) {
.date-converter{width:100%;}
.form-field div:first-child{display:block;width:100%;}
.form-field div:last-child{display:block;width:97%;}
.login-container .form-field > div:first-child{width:auto;}
.login-container .form-field > div:last-child{width:auto;}
.search-names > div > div:first-child{width:auto;}
.search-names > div > div:last-child{width:auto;}
}

@media only screen and (max-width:450px) {
.site-search input[type=text]{width:87%;}
#my-account-menu{width:130px;}
.site-search{width:40%;}
#mini-nav{display:none;}
#mobile-nav{display:block;}
.nav > ul > li{width:100% !important;}
.rgt-img{width:100% !important;margin-left:0;float:none;}
.rgt-img > img{height:175px !important;}
#rgt-col-article{float:left;}
#rgt-col-article > div{margin:0 15px 15px 0;}
.muslim-names > span{width:auto;display:block;}
}

@media only screen and (max-width:400px) {
#rgt-col-article{float:none;width:200px;}
#rgt-col-article > div{margin:0 0 15px 0;}
.date-converter > div > span:first-child{width:53px;}
.date-converter > div > span:last-child{display:inline-block;}
}

@media only screen and (max-width:360px) {
.rgt-img > img{width:100% !important;height:100% !important;}
}

@media only screen and (max-width:320px) {
#container{min-width:290px;margin:3px;}
.site-search{width:134px;position:relative;top:27px;right:-30px;}
#my-account-menu{left:0;}
}