/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.main_menu{
		width: 60%;
	}
	.pull_right{
		width: 40%;
	}
	.header__title{
		width: 100%;
	}
	.header__img{
		display: none;
	}
	header{
		min-height: 511px;
	}
	.line-height{
		line-height: 26px; 
	}
	.align-right{
		float: none;
	}
	.contacts__text a{
		display: block;
		text-align: left;
	}
	.footer__title h2{
		font-size: 80px;
	}
	.footer__about-advocate h3:after {
	    content: "";
	    width: 79%;
	}
	.footer__about-advocate i {
	    font-size: 19px;
	}

}	

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.header__top{
		position: relative;
	}
	.main_menu{
		top: 50px;
		position: absolute;
		width: 100%;
		float: none;
		background: #631100;
		display: none;
		z-index: 10;
	}
	.main_menu ul li{
		width: 100%;
		float: none;
	}
	header{
		min-height: 180px;
	}
	.main_menu ul li:before{
		content: "";
		height: 0;
		width: 100%;
		border-right: 0;
	  	border-left: 0;
		border-top: 1px solid #220000;
	  	border-bottom: 1px solid #780704;
	}
	.main_menu ul:after{
		content: "";
		height: 0;
		width: 100%;
		border-right: 0;
	  	border-left: 0;
	  	border-bottom: 1px solid #220000;
	}
	.triangle_bottom:before {
		display: none;
	}
	.touch-menu{
		display: block;
	}
	.line-height{
		line-height: 50px; 
	}
	.triangle{
		display: none;
	}
	.about-advocate__principles{
		padding-bottom: 0;
	}
	.footer__about-advocate h3:after {
	    content: "";
	    width: 86%;
	}
	.footer__about-advocate {
	    padding: 15px 10px 15px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.pull_right{
		width: 50%;
	}
	.header__title{
		padding: 20px 0;
	}
	.header__title h1{
		font-size: 16vw;
	}
	.header__title h1 p{
		font-size: 6.5vw;
	}
	.header__title h1 .name{
		font-size: 6.5vw;
		padding-bottom: 30px;
	}
	.header__title h1 .attorney{
		font-size: 10vw;
		padding-bottom: 30px;
	}
	.title:before{
		display: none;
	}
	.title:after{
		display: none;
	}
	.title{
		margin: auto;
	}
	.about-advocate__text h2{
		font-size: 6vw;
	}
	.contacts__text h2{
		font-size: 6vw;
		padding-bottom: 0;
	}

	.specialization h2{
		font-size: 6vw;
		padding: 20px 0 10px;
	}
	.about-advocate__text h2:before,
	.about-advocate__text h2:after{
	  	display: none;
	}
	.specialization h2:before,
	.specialization h2:after{
	  	display: none;
	}
	.contacts__text h2:before,
	.contacts__text h2:after{
	  	display: none;
	}
	iframe{
		height: 350px;
	}
	.footer__about-advocate h3:after {
	   display: none;
	}
	.footer__about-advocate h3{
		text-align: center;
		border-top: 1px solid white;
		padding-top: 10px;
	}
}

@media only screen and (max-width : 580px) {
	.line-height{
		line-height: 26px; 
	}
	.footer__title h2{
		font-size: 14vw;
	}
	.footer__title h2 p{
		font-size: 6vw;
	}
	.footer__title h2 .name{
		font-size: 6vw;
	}
	.footer__title h2 .attorney{
		font-size: 8vw;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.feedback a{
		width: 150px;
		float: left;
	}
	.pull_right{
		width: 75%;
	}
	.header__title h1 p{
		padding-bottom: 10px;
	}
	.header__title h1 .name{
		font-size: 6vw;
		padding-bottom: 5px;
	}
	.header__title h1 .attorney{
		font-size: 9vw;
		padding-bottom: 5px;
	}
	.about-advocate__text p, a{
		line-height: 20px;
	}

	.about-advocate__text h2{
		padding: 15px;
	}
	.about-advocate__principles h2{
		font-size: 6.5vw;
		padding: 5px;
	}
	.about-advocate__principles{
		padding: 15px 10px;
		min-height: 150px;
		margin-bottom: 20px;
	}
	.principles__item b{
		display: inline;
	}
	.about-advocate__text p, a{
		font-size: 3.7vw;
	}
	.principles__item{
		font-size: 3.7vw;
		line-height: normal;
		padding: 0;
		margin: 5px 0;
		height: 35px;
	}
	.principles__item h3{
		display: none;
	}
	.principles__item:before{
		display: none;
	}
	.specialization__list ul li:before{
		display: none;
	}
	.specialization{
		padding-bottom: 15px;
	}
	.services__text h3{
		font-size: 6.5vw;
	} 
	.services p{
		font-size: 3.7vw;
	}
	.specialization__list ul li{
		list-style: inherit;
		color: #470101;
		padding: 5px;
	}
	.specialization__list ul li span{
		color: #ebca8c;
		font-size: 3.7vw;
	}
	.contacts__text a{
		font-size: 3.7vw;
		padding: 0 0 12px;
	}
	.contacts__text a i{
		font-size: 3.7vw;
	}
	.footer__menu{
		display: none;
	}
	.footer__about-advocate {
	    padding-top: 0;
	}
	.footer__about-advocate h3{
		font-size: 5vw;
	}
	.footer__about-advocate i{
		font-size: 3.7vw;
		line-height: 14px;
	}
	.copyright{
		font-size: 3.7vw;
	}
	.footer__title{
		margin-top: 20px;
		padding: 10px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.pull_right{
		width: 85%;
	}
	.header__title .name{
		padding-bottom: 0;
	}
	.header__title .attorney{
		padding-bottom: 0;
	}
	iframe{
		height: 300px;
	}
		.footer__title{
		margin-top: 15px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.main-menu{
		display: block !important;
	}
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}