@media all and (max-width: 479px){
	.header-top, 
	.header-bottom{
		text-align: center;
	}
	.head-slogan,
	.logo{
		width: 100%;
	}
	.logo{
		padding-top: 0;
		padding-bottom: 15px;
	}
	.logo img{
		margin: 0 auto;
	}
	.head-email,
	.head-phones{
		display: inline-block;
		width: auto;
		float: none;
		padding: 0 15px;
	}
	.domainZone-checkboxes,
	.domain-reg-button{
		width: 100%;
		float: none;
	}
	.tariff-item{
		width: 240px;
	}

}
@media all and (min-width:480px){
	.domain-reg-button.extra-xs{
		display: none;
	}
	.domainName{
		width: 100%;
	}
	.domainZone{
		float: left;
		width: 68%;
	}
	.domain-reg-button{
		width: 30%;
	}
}
@media all and (max-width:767px){
	.heading > span{
		max-width: 90%;
	}
	.head-slogan{
		font-size: 14px;
	}
	.head-email{
		position: relative;
	}
	.head-email > .fa{
		position: absolute;
		left: -5px;
		top: 3px;
	}
	.head-phones {
		font-size: 1.25em;
		padding: 8px 15px 8px 0;
	}
	.ei-extra{
		margin-right: -15px;
		margin-left: -15px;
	}
	.testimonial-item{
		border-bottom: 1px dashed #fff;
	}
	.news-item{
		border-bottom: 1px dashed #888;
	}
	
	.domainZone-checkboxes .checkbox{
		width: 31%;
	}
	.domainZone-checkboxes .checkbox:nth-child(3n+1){
		margin-left: 0;
	}
	#slider .owl-stage-outer{
		padding: 15px 0;
	}
	.slider-item img{
		display: none !important;
	}
	.slider-text{
		position: relative;
	}
	.slider-text > .banner-text{
		width: 80%;
	}
	.cms-choice-price{
		padding-bottom: 1em;
	}
	.cms-banner{
		text-align: center;
	}
	.cms-banner-img img{
		margin: 0 auto;
	}
}
@media all and (min-width:768px){
	.head-phones > span{
		font-weight: 600;
	}
	.slider-item{
		height: 240px;
	}

	.slider-text{
		position: absolute;
		left: 5%;
		right: 5%;
		top: 5%;
	}
	.slider-text > .banner-text{
		width: 60%;
		font-size: 1.25em;
	}
	.domainName{
		float: left;
		width: 68%;
	}
	.domain-reg-button{		
		margin-top: -54px;
	}
	.modal-header, 
	.modal-body, 
	.modal-footer{
		padding-left: 50px;
	}
	.modal-body, 
	.modal-footer{
		padding-right: 50px;
	}
	.cms-banner:before,
	.cms-banner:after{
		content: " ";
		display: table;
		clear: both;
	}
	
	.cms-banner h4{
		float: left;
	}
	.cms-banner-img{
		float: right;
	}
}

@media all and (max-width:991px){
	.header-top{
		padding-top: 10px;
	}
	.constructor-text{
		text-align: center;
	}
	.ct-inner{
		margin-bottom: 30px;
	}
	#footer{
		text-align: center;
	}
	.yashare-auto-init{
		display: inline-block;
		margin-left: 1.5em;
	}
}
@media all and (min-width:992px){
	.enter-button .btn{
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	.head-slogan, 
	.head-email {
		font-size: 1.25em;
		padding-top: 0.625em;
	}
	.main-menu > li{
		position: relative;
	}
	.main-menu > li > a{
		padding: 0 15px;
		line-height: 50px;
	}
	#smart_nav-sticky-wrapper{
		display: none;
	}
	.main-menu > li:before{
		display: block;
		content: "";
		width: 2px;
		height: 100%;
		background: url(../images/menu-divider.gif) repeat-y 0 0;
		position: absolute;
		left: -1px;
		top: 0;
	}
	.main-menu > li:last-child:after{
		display: block;
		content: "";
		width: 2px;
		height: 100%;
		background: url(../images/menu-divider.gif) repeat-y 0 0;
		position: absolute;
		right: -1px;
		top: 0;
	}
	.main-menu > li > ul{
		display: none;
		background: #fff;
		padding: 0 5px 5px 5px;
		list-style: none;
		margin: 0;
		min-width: 220px;
		position: absolute;
		left: 0;
		top: 40;
		z-index: 99;
		box-shadow: 0 0 5px rgba(0,0,0,0.6);
	}
	.main-menu > li:hover > ul{
		display: block;
	}
	.main-menu > li > ul li{
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main-menu > li > ul li:first-child{
		padding-top: 15px;
	}
	.main-menu > li > ul li:last-child{
		border-bottom: 1px solid #ddd;
	}
	.main-menu > li > ul a {
		display: block;
		padding: 3px;
		color: #4b4b4b;
	}
	.main-menu > li ul a:hover, 
	.main-menu > li ul a:focus,
	.main-menu > li ul .active a {
		color: #478fb2;
	}
	.slider-item{
		height: 600px;
	}
	#constructor-block{
		padding: 3em 0;
	}
	.constructor-text {
		margin: 0 auto;
		width: 940px;
	}
	.constructor-text h3{
		font-size: 22px;
		margin-bottom: 3px;
	}
	.ct-inner{
		float: left;
		padding-top:10px;
	}
	.constructor-text .btn{
		float: right;
	}
	.slider-text > .banner-text{
		font-size: 1.75em;
	}
	.domainName, 
	.domainZone{
		width: 80%;
	}
	.domain-reg-button{
		width: 18%;
	}
	.cms-banner h4{
		font-size: 30px;
		padding-top: 35px;
	}
}

@media all and (min-width:1200px){
	.constructor-text{
		width: 1024px;
	}
	.constructor-text h3{
		font-size: 24px;
	}
	.service-item{
		display: block;
		float: left;
		margin-right: 0;
	}
	.cms-banner h4{
		font-size: 40px;
		padding-top: 55px;
	}
}
