/*
Responsive
Author: Sikandar Aazam
*/
/*Less than 1152 (1024x768)*/
@media only screen and (min-width : 1024px) and (max-width : 1151px) {
div.attorny-block{width:95%;}
div.recent-blog{width:300px;}
div.practice{width:370px;}
div.quick-contact{width:240px;}
#main-col{width:630px;}
nav > ul > li > a{padding:0 10px;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
div.caption{top:30px;}
ul#slider3-pager{margin:0;}
ul#slider3-pager li{height:auto; width:150px;}
div.attorny-block{width:85%;}
nav{top: 43px;}
#main-col{width:400px;}
div.qoute{font-size:30px; height:200px;}
div.qoute p > span{font-size:40px;}
.jon{right:160px;}
.amy{right:25px;}
.qoute > p{width:440px;}
}

@media only screen and (min-width : 1px) and (max-width : 1023px) {
.desktop{display:none;}

.show-tel{
    display: none !important;
}
nav#main-menu{display:none;}
.mobile{display:block;}
.mobile {
    background:#d6380d;
    border-radius: 3px;
    color: #fff;
    font-size: 21px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 60px;
		cursor:pointer;
}
nav#mobile-menu {
    background:#d6380d;
    border-radius: 3px 0 3px 3px;
		display:none;
    margin: 0;
    position: absolute;
    right: 10px;
    width:280px;
    z-index: 9999 !important;
		transition: all 0.2s linear;
}
nav#mobile-menu ul{margin:0; padding:0; list-style:none;}
nav#mobile-menu li{position:relative;}
nav#mobile-menu >  ul > li,
nav#mobile-menu li{float:none; display:block; margin:0 0 1px 0;}
nav#mobile-menu >  ul > li{background:none;}
nav#mobile-menu ul li a
	{
		display:block;
		color:#fff;border-bottom:solid 1px #ef581a;
		padding:0 10px;
		line-height:35px;
		font-size:14px;
		font-weight:700;
		text-transform:uppercase;
	}
nav#mobile-menu ul.sub-menu,
nav#mobile-menu > ul > li > ul.sub-menu,
nav#mobile-menu ul.sub-menu ul.sub-menu,
nav#mobile-menu > ul > li:last-child > ul.sub-menu
	{
		background:#e14504;
		display:block;
		position:inherit;
		left:0;
		top:0;
		width:100%;
	}
nav#mobile-menu ul.sub-menu li a
	{
		border-bottom:solid 1px #ef581a;
		color:#fff;
	}
nav#mobile-menu > ul > li:hover > a,
nav#mobile-menu > ul > li > a:hover,
nav#mobile-menu > ul > li > a.active,
nav#mobile-menu > ul > li.current-menu-item > a,
nav#mobile-menu > ul > li.current-menu-parent > a,
nav#mobile-menu > ul > li.current_page_parent > a,
nav#mobile-menu > ul > li.current_page_ancestor > a{color:#fff; background:#423636;}
div.service-block article.post
	{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
div.recent-blog,
div.practice,
div.quick-contact
	{
    float: none;
    margin:0 0 20px 0;
    width: 100%;
		clear:both;
		overflow:hidden;
	}
div.qoute{margin:0;}
div.entry-content,
div.address-box{clear:both; width:100%;}
.full-width > div.post
	{
		float:none;
		width:100%;
		clear:both;
		margin:0 0 20px 0;
		border-bottom:solid 1px #ddd;
	}
.back-top{display:none;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
#logo{width:auto;}
div.attorny-block div.post
	{
		float:none;
		margin:0 0 30px 0;
		width:90%;
	}

}
@media only screen and (min-width : 1px) and (max-width : 767px) {
header{height:auto;}
.mobile{top:65px;}
div.call{display:block; margin: 0 auto;}
div.call a{margin-bottom: 2px;}
div.call-mobile-small{display:inline-block;}
nav{top:95px;}
section#slideshow{display:none;}
div.top-content
	{
    float: none;
    padding-top: 10px;
    width: auto;
    clear: both;
	}
div.call{float:none; text-align:center;}
div.call i, div.call span, div.call a{float:none;}
ul.socialize{float:none; clear:both; text-align:center; font-size:0; margin:5px 0 0 0;}
ul.attorny-socialize li, ul.socialize > li
	{
		float:none;
		display:inline-block;
	}

div.post-block article.post{width:98%; margin:0 0 40px 0;}
div.post-block article.post:nth-child(3n){margin:0 0 40px 0;}
div.post-block h3{height:auto;}
div.attorny-block{width:100%;}
#welcome,
div#advantage
	{float:none; margin-bottom:20px;}
div.half-width{width:100%;}
div.qoute{height:130px;}
div.qoute p,
div.qoute a
	{display:none;}
#main-col,
aside{clear:both; margin-bottom:20px; width:100%;}
div.quick-contact p input[type="text"], div.quick-contact p input[type="email"], div.quick-contact p textarea{width:85%;}
}

@media only screen and (max-width: 767px) and (min-width: 481px)   {
   div.call{width:40%;}
}
@media only screen and (max-width: 480px) and (min-width: 1px)  {
     div.call{width:70%;}
}
@media only screen and (min-width : 568px) and (max-width : 767px) {
.jon{right:245px;top:20px;}
.amy{right:90px;top:20px;}
}

@media only screen and (min-width : 480px) and (max-width : 567px) {
.jon{right:225px;top:20px;}
.amy{right:60px;top:20px;}
}

@media only screen and (min-width : 1px) and (max-width : 479px) {
div.attorny-block div.post
	{
		float:none;
		margin:0 0 30px 0;
		text-align:center;
		width:85%;
	}
div.attorny-block div.thumb
	{
		float:none; margin:0 auto;
		display:inline-block;
		width:auto;
	}
div.attorny-block div.thumb > img{display:block;}
div#advantage h3, div#advantage p{overflow:visible;}
.jon {right: 120px;top: 20px;}
.amy{right:0px;top:20px;}
div.contact p input[type="text"], div.contact p input[type="email"], div.contact p textarea{width:90%;}
ul.attorny-socialize li a, ul.socialize > li > a, div.call i{height: 40px; width: 40px; line-height: 40px;}
}