/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/


@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}

@media (max-width: 1366px) {


	#main-carousel .carousel-item .slider-text {
    padding: 400px 0 0 0;
	}

	#main-carousel .carousel-item {
    height: 780px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	}

	#intro {
    padding-bottom: 0;
	}

	.intro_buttons {
   
	}

	.navbar-brand img {
		max-width: 100%;
	}

	.vtabs-text {
	    padding: 0 6%;
	}

}
@media (max-width: 1200px) {
	.offers-img-meta h5 {
	    font-size: 14px;
	    line-height: 18px;
	}

	.team-member .img-block {
	    margin: 0 auto 20px;
	    float: none;
	}
	.team-member .info {
	    padding-left: 0;
	    display: inline-block;
	    text-align: center;
	}
	#newsletter h3 {
	    font-size: 42px;
	}

	.usluga_text {
	    padding: 0px 0 20px 0;
	    font-size: 14px;
    	line-height: 24px;
	}
	.usluga .usluga-icon img {
	    width: 80px;
	}
	#intro {
		height: 780px;
	}
	#main-carousel .carousel-item .slider-text .text-block h3 {
		 padding-right: 110px;
	}

	.nasl{
		padding-left: 50px;
		padding-right: 50px;
	}

	#main-carousel .carousel-item .slider-text {
   	padding: 290px 0 0 0;
   	
	}

	.intro_buttons {
   	
	}

	.navbar-header {
	    float: none !important;
	}

	.navbar-toggle {
	    display: block;
	}

	.navbar-collapse.collapse {
		display: none !important;
		padding-right: 15px;
	    padding-left: 15px;
	    overflow-x: visible;
	    -webkit-overflow-scrolling: touch;
	    border-top: 1px solid transparent;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}
	
	.navbar-collapse .navbar-nav {
		float: none !important;
	}

	.navbar-nav>li {
	    float: none;
	    text-align: center;
	    width: 100%;
	}

	.collapse.in {
		display: block !important;
	}

	.navbar {
	   padding: 0px;
	}

	.head-phone {
	    font-size: 20px;
	    margin-top: 7px;
	}

	body.page .intro_buttons {
    	margin-top: 40px;
   }

   .block-carousel {
	    height: auto;
	}

	.owl-carousel-products .owl-item .background-circle {
	    left: 50%;
	    margin-left: -40%;
	    height: 80%;
	    width: 80%;
	    top: 100px;
	}

	.navbar-brand {
    	
 	}

 	.navbar-brand img{
   	max-width: 375px;
 	}

 	body.page .logotip{
		width: 100%;
		text-align: center;
		margin-top: 74px;	
	}
	body.page .slogan{
		width: 100%;
		text-align: center;
		margin-top: 10px;	
		margin-left: 0;
	}
	body.page .top-contacts{
		margin-left: 0;
		margin-top: 5px;
		text-align: center;
	}
	body.page .intro_buttons{
		text-align: center;
		margin-top: 10px;
	}
	body.page .content-main {
    padding: 0 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro h2 {	font-size: 70px; line-height: 80px;}
	.intro_text p {	font-size: 16px; }
	
	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM 
	/*------------------------------------------*/

	.form_register form { margin: 0 15px;}
	
	/*------------------------------------------*/
	/*	TABS HOLDER IMAGE
	/*------------------------------------------*/

	#tabs-holder img {} 
	
	/*------------------------------------------*/
	/*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

	#accordion-holder img { margin-top: 60px;} 

	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 80px; line-height: 80px; }
	.statistic-text {font-size: 22px;}
		
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.overlay-content h4 {font-size: 20px;}
	.portfolio-item:hover .overlay-content { bottom: 35%; }
	
	/*------------------------------------------*/
	/*	 Table Body
	/*------------------------------------------*/

	.pricing-table ul.features {font-size: 14px;padding: 5px 30px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter_form {width: 60%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="submit"] {}
	
	
}


@media only screen and (max-width: 991px){

	/*------------------------------------------*/
	/*	Polygon    
	/*------------------------------------------*/

	#intro, .block-content {
		clip-path: none !important;
		-webkit-clip-path: none !important;
	}

	/*------------------------------------------*/
	/*	 Navigation Menu    
	/*------------------------------------------*/

	.navbar-nav > li > a {padding: 0 10px; }
	.navbar>.container {width: 100%;}

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {padding-top: 95px; padding-bottom: 70px; text-align: center; }
	#intro h2 {	font-size: 70px; line-height: 80px; padding: 0;}
	#intro h3 {	font-size: 32px; }
	.intro_text p {	padding: 0 15%; }
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/

	.intro_buttons { margin-bottom: 10px; text-align: left; }
	
	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM  
	/*------------------------------------------*/

	#intro_form { width: 76%; margin-left: 12%;}
	
	/*------------------------------------------*/
	/*	  FEATURE BOX
	/*------------------------------------------*/
	
	.features-box { text-align: center;}

	/*------------------------------------------*/
	/*	  Feature Icon
	/*------------------------------------------*/

	.icon-box { margin-bottom: 10px;}
	.icon-box i {margin-top: 0;}
	
	/*------------------------------------------*/
	/*	  Feature Text
	/*------------------------------------------*/

	.features-text { padding: 0 0 0 20px;text-align: left;}
	.features-text p {padding-right: 0;}

	/*------------------------------------------*/
	/*	TABS HOLDER IMAGE
	/*------------------------------------------*/

	#tabs-holder img {margin: 0 auto;} 
	
	/*------------------------------------------*/
	/*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

	#accordion-holder img { margin-bottom: 40px;} 
	
	/*------------------------------------------*/
	/*	 Message Text
	/*------------------------------------------*/

	.client-msg p {font-size: 16px; line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 75px; line-height: 75px; }
	.statistic-text {font-size: 20px;}
	
	/*------------------------------------------*/
	/*	Timeline Item Content
	/*------------------------------------------*/
	
	.timeline-item-content { text-align: center;}
	
	/*------------------------------------------*/
	/*	Timeline Item Content Arrow
	/*------------------------------------------*/

	.timeline-item:before,
	.timeline-item-content:before, 
	.timeline-item-content.pull-right:before { display: none;}  
			
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.overlay-content h4 {font-size: 20px;}
	.portfolio-item:hover .overlay-content { bottom: 35%; }
	
	/*------------------------------------------*/
	/*	   Button Settings
	/*------------------------------------------*/ 

	#gallery-filter .btn-group > .btn {font-size: 14px;margin: 0 3px;padding: 6px 12px;}
	
	/*------------------------------------------*/
	/*	 Clients Carousel Navigation
	/*------------------------------------------*/

	.customNavigation {right: 47%;}
	
	/*------------------------------------------*/
	/*	 Google Map
	/*------------------------------------------*/	
	
	.map-canvas { height: 450px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter_form {width: 75%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="submit"] {}

	.el_text_and_map .code_maps{ margin-top: 15px; border: 0; padding: 0}
	.img-width {
		max-width: 100%;
		width: 100%;
		height: auto;	
	}

	#reviews-list .img-block .fa {
	    display: none;
	}

	.team-member {
	    margin-bottom: 30px;
	}



	.owl-carousel-products .owl-item .background-circle {
	    left: 50%;
	    margin-left: -35%;
	    height: 500px;
	    width: 500px;
	    top: 120px;
	}

	#intro{
		height: 780px;
	}

	.block-advantages-box.box-right, .block-advantages-box.box-left {        text-align: center;
        padding: 0 30px;}
	.block-advantages-box {min-height: auto;}
	.block-advantages-image {text-align: center;}	
	.block-advantages-image img{width:80%;}
	#gazirovka{background: none}

	#intro .owl-buttons .owl-prev {
    left: 0;
	}

	#intro .owl-buttons .owl-next {
	    right: 0;
	}

	#main-carousel .carousel-item .slider-text {
	   padding: 280px 50px 0 0;
	   
	}

	#main-carousel .carousel-item {
	    height: 100%;
	}

	#main-carousel .carousel-item {
		background-size: auto;
        background-position: 0;
	    background-blend-mode: overlay;
	}

	#main-carousel .carousel-item .slider-text .title {
	    font-size: 32px;
	}
	.block-carousel{
		margin-top: -17px!important;
	}

	.box-content h4 {
	    font-size: 1.3em;
    line-height: 1.66em;
    margin-bottom: 50px;
    padding: 0 20%;
	}

	.block-advantages-text {
	    font-size: 18px;
	    line-height: 1.2em;
	    padding: 0 10px;
	}
	.page .nav {
	    margin-top: 50px;
	}
	  #main-carousel .carousel-item .slider-text {
        padding: 320px 250px 0 0;
    }

    #team_old {
	    background: #f2f6f9;
	}

	#onas{
		background: #f2f6f9;
	}

	#about {
	    background-color: #f2f6f9;
	}
	.usluga_text {
        padding: 14px 0 20px 0;
        font-size: 18px;
        line-height: 24px;
    }
    .usluga .usluga-icon {
	    padding: 0 14px 20px 0;
	}
	.team-member .info {
	    font-size: 14px;
	}

	#kak-rabotaem .intro_buttons{
		text-align: center;
	}

}

@media only screen and (max-width: 870px){
	#main-carousel .owl-controls .owl-buttons{
		display: none;
	}

	.owl-carousel-products .owl-controls .owl-buttons{
		display: none;
	}
	#newsletter h3 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px){

	.navbar-brand {
        top: 60px;
    }

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 32px;}
	.titlebar h3 {font-size: 22px;}
	.titlebar h2:after { width: 140px;}

	#services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 30px; padding-right: 30px; }
	
	/*------------------------------------------*/
	/*	 Logo Image    
	/*------------------------------------------*/


	
	/*------------------------------------------*/
	/*	 Navigation Menu    
	/*------------------------------------------*/

	.navbar {  }

	.head-phone {
	    margin-left: 15px;
	}
	
	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	
	.navbar-nav {margin: 0 -15px;border-top: 1px solid #000;}	
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 45px; text-align: center;}	
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {padding-top: 80px; padding-bottom: 60px;text-align: center; }
	#intro h2 {	font-size: 60px; line-height: 70px; padding: 0;}
	#intro h3 {	font-size: 30px; }
	.intro_text p {	padding: 0 15%;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/

	.intro_buttons .btn-theme {}
		
	/*------------------------------------------*/
	/*	 Circle Progress Bars
	/*------------------------------------------*/

	#skills {padding-bottom: 20px;}
	#skills .col-sm-3 { margin-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 60px; line-height: 55px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.portfolio-item:hover .overlay-content { bottom: 38%; }
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 30px;line-height: 36px;}
	#promo_line p {font-size: 16px;line-height: 30px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	.testimonial { padding: 0 10%; margin-bottom: 30px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/

	#newsletter_form {width: 85%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="submit"] {}

	.offers-item .img-block{
		width: 100%;
		height: auto;
	}
	.offers-item .img-block img{
		max-width: 100%;
	}

	.offers-item{}
	.team-member {
	    margin-bottom: 30px;
	}

	.offers-img-meta h5 {
	}

	.tab-content>.tab-pane p {
	    font-size: 14px;
	    line-height: 26px;
	}

	.tab-content>.tab-pane p {
	    font-size: 14px;
	    line-height: 26px;
	}

	.products-carousel-item__title {
	    font-size: 22px;
	}

	
}


@media only screen and (max-width: 680px){
	#main-carousel .carousel-item .slider-text {
        padding: 320px 150px 0 0;
    }
	
	.nav-tabs > li{
		 display: block;
	    border-right: 0;
	    padding: 3px 0;
	    float: none;
	}

	#intro_content h1{
		font-size: 45px;
		width: 100%;
	}

	.owl-carousel-products .owl-item .background-circle {
	    left: 50%;
	    margin-left: -40%;
	    height: 80%;
	    width: 80%;
	    top: 120px;
	}
}

@media only screen and (min-width: 640px){
	.domob{
		display: none;
	}
}

@media only screen and (max-width: 640px){

	.navbar-brand img {
        max-width: 255px;
    }

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {padding-top: 75px; padding-bottom: 50px; }
	#intro h2 {	font-size: 55px; line-height: 65px;}
	#intro h3 {	font-size: 28px; }
	.intro_text p {	font-size: 16px; padding: 0 12%;}
	.intro_text .intro_img {
		max-width: 100%;
	}
	
	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM  
	/*------------------------------------------*/

	#intro_form { width: 80%; margin-left: 10%;}
	
	/*------------------------------------------*/
	/*	  Service Box
	/*------------------------------------------*/

	.service-box h4 {font-size: 18px;}
	.service-box p {font-size: 14px; line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  FEATURE BOX TEXT
	/*------------------------------------------*/

	.features-text p {font-size: 14px; line-height: 22px;}
	.features-text{padding: 0;}
	.features-box .icon-box{
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}
	
	/*------------------------------------------*/
	/*	TABS
	/*------------------------------------------*/

	.nav-tabs > li > a {font-size: 20px;}

	/*------------------------------------------*/
	/*	Tab Description
	/*------------------------------------------*/

	.tab-content > .tab-pane p {font-size: 14px; line-height: 24px;}
		
	/*------------------------------------------*/
	/*	Panel Title
	/*------------------------------------------*/

	.panel-title {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	Panel Title Icon
	/*------------------------------------------*/

	.panel-title i {font-size: 24px;}

	/*------------------------------------------*/
	/*	Panel Content 
	/*------------------------------------------*/

	.panel-body {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  Team Member
	/*------------------------------------------*/
	
	.team_members_wrapper .col-xs-6 { width: 100%; float: none !important;  }
	.team-img-meta p {padding: 0 10%;}
	
	/*------------------------------------------*/
	/*	 Pricing
	/*------------------------------------------*/
	
	.price-row .col-xs-6 { width: 100%; float: none !important; }
	.pricing-table {margin: 0 40px;}

	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 50px; line-height: 50px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 TIMELINE ITEM 
	/*------------------------------------------*/
	
	.timeline-item-content {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	.testimonial { padding: 0 5%;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 24px;line-height: 30px;}
	#promo_line p {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  NEWSLETTER
	/*------------------------------------------*/ 
	
	#newsletter p {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/


	#newsletter form input[type="submit"] { padding: 10px 15px;}
		
	.offers_items_wrapper>div{
		display: inline-block;
		vertical-align: top;
    	float: none;
	}
	#my-v-socialnyh-setyah p a img{
		display: block;
		max-width: 100%;
	}

	body.page .top-contacts{		
		margin-top: 20px;		
	}
	body.page .intro_buttons{
		margin-top: 20px;
	}

	body.page .header-top{
		min-height: 424px;
    	/*background: url(../img/bg-page.jpg) no-repeat 50% 0;*/
    	background-size: cover;
	}

	.block-content {

	}
	.block-carousel .block-carousel__content {
	    padding-top: 20px;
	}

	.block-carousel .block-carousel__content h3 {
		text-align: center;
	}
	
	.btn-theme-circle {
	    height: 50px;
	    width: 50px;
	    line-height: 7px;
	    font-size: 35px;
	}

	#main-carousel .carousel-item .slider-text .text-block h3 {
        padding-right: 70px;
    }
}


@media (max-width: 620px) {
	.owl-carousel-products .owl-item .background-circle {
	    top: 100px;
	}
	.md-modal {
	    width: 100%;
	}
	    #main-carousel .carousel-item .slider-text .text-block h3 {
        padding-right: 0;
    }

    .nasl {
        padding-left: 25px;
        padding-right: 25px;
    }
    .intro_buttons .btn-theme {
	    width: 100%;
	}
	.products-carousel-item__description {
	    font-size: 34px;
	}
	.customNavigation {
        right: 41%;
    }
}

@media only screen and (max-width: 537px) {
    #main-carousel .carousel-item .slider-text .title {
        font-weight: 800;
        text-align: center;
    }

    #main-carousel .carousel-item .slider-text {
        padding: 310px 0 0 0;
    }

    .navbar-brand {
        width: 100%;
        text-align: center;
    }

    #newsletter h3 {
        font-size: 30px;
    }
    .usluga_text {
        padding: 10px 0 20px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .flamp img {
    	width: 160px;
	}
}

@media (max-width: 520px) {
	.owl-carousel-products .owl-item .background-circle {
	    top: 80px;
	}
}

@media (max-width: 480px) {

	#stlChanger {display: none;}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 26px;}
	.titlebar h3 {font-size: 20px;}
	.titlebar h2:after { width: 120px;}

	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 15px; padding-right: 15px; }
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {padding-top: 75px; padding-bottom: 50px; }
	#intro h2 {	font-size: 50px; line-height: 55px;}
	#intro h3 {	font-size: 24px; margin-bottom: 20px; }
	.intro_text p {	font-size: 16px; padding: 0 5%;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/
	
	.intro_buttons .btn-theme {
	    font-size: 18px;
        padding: 16px 14px;
        width: 100%;
        height: 60px;}
	
	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM  
	/*------------------------------------------*/

	#intro_form { width: 100%; margin-left: 0%;}
	.form_register form { margin: 0 15px;}
	
	/*------------------------------------------*/
	/*	 Circle Progress Bars
	/*------------------------------------------*/

	#skills .col-sm-3 { width: 100%; float: none!important;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/ 
	
	#statistic_banner {padding-top: 80px; padding-bottom: 80px;}
	#statistic_banner .titlebar {margin-bottom: 30px;}
	.statistic-block {width: 100%; float: none; margin-top: 40px;}
	.statistic-number {font-size: 60px; line-height: 60px; }
	.statistic-text {font-size: 20px;}

	/*------------------------------------------*/
	/*	  Portfolio Item
	/*------------------------------------------*/
	
	.portfolio-item { width: 50%; float: none !important; }
	
	/*------------------------------------------*/
	/*	   Portfolio Button Settings
	/*------------------------------------------*/ 

	#gallery-filter .btn-group > .btn {font-size: 14px; margin: 0 3px 5px; padding: 5px 10px;}
	
	/*------------------------------------------*/
	/*	  Team Member Meta
	/*------------------------------------------*/

	.team-img-meta p {padding: 0;}
	
	/*------------------------------------------*/
	/*	 Our Clients
	/*------------------------------------------*/
	
	#clients {padding-bottom: 80px;}
	.customNavigation {display: none;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 20px;line-height: 24px;}
	#promo_line p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	#testimonials h3 { font-size: 24px; line-height: 32px;}
	.testimonial { padding: 0;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"], 
	#newsletter form input[type="submit"] {	font-size: 14px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/

	#newsletter_form {width: 100%;}
	#newsletter h3 { font-size: 20px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="submit"] {}
	
	/*------------------------------------------*/
	/*	 Contact Info
	/*------------------------------------------*/  
	
	.contact-info { width: 100%; float: none !important; }
	
	/*------------------------------------------*/
	/*	 Google Map
	/*------------------------------------------*/	
	
	.map-canvas {height: 400px;}

	#intro_content h1{
		width: 100%;
		font-size: 25px;
		text-align: left;
	}

	#intro_content .slogan {
		display: none;
	}

	.top-contacts,	.intro_buttons{
		margin-left: 0;
	}

	.final{
        padding: 0 24px 40px;
        font-size: 18px;
	}

	.intro_buttons .btn-theme{
		margin-right: 0;	
	}

	body.page .slogan{
		display: none;
	}

	.block-carousel .block-carousel__content h3 {
	    font-size: 24px;
	}

	.owl-carousel-products .owl-item .background-circle {
	    top: 60px;
	}

	.products-carousel-item__title {
	    font-size: 1.6rem;
	    font-weight: 600;
	}

	.products-carousel-item__volume {
	    font-size: 1.8rem;
	    font-weight: 600;
	}

	.block-carousel .block-carousel__content .prod_descrip {
	    font-size: 1em;
	    line-height: 1.6em;
	}

	.owl-carousel-products .owl-item .products-carousel-item__content, .owl-carousel-products .owl-item.active .products-carousel-item__content {
	    margin: 20px 0;
	}

	#main-carousel .carousel-item .slider-text .title {
	}
	#main-carousel .carousel-item .slider-text p {
	    font-size: 1.2em;
	}

	.offers-img-meta h5 {
	    padding: 0;
	}


	.page .top-contacts a {
	    font-size: 22px;
	}

	.head-phone {
        font-size: 14px;
        margin-top: 2px;
    }

		.pricing-table {margin: 0 20px;}

	.navbar-brand img {
        max-width: 100%;
    }

    .navbar-brand {
        top: 60px;
    }
    #intro {
        background-position-y: 160px;
        background-size: 160%;
        background-position-x: right;
    }

    #newsletter .zakaz a {
	    font-size: 20px;
	    padding: 16px 20px;
	}

	.offers-item {
	    margin-bottom: 25px;
	    height: 220px;
	}

	.titlebar div {
	    font-size: 18px;
	}
}

@media (max-width: 450px) {
	.pricing-table ul.features {
	    padding: 5px 10px;
	}
	.usluga_text {
        padding: 0px 0 20px 0;
    }
    .offers_text h4 {
	    font-size: 20px;
	}
	.vorota {
		font-size: 14px;
	}
	.timeline-year span {
	    font-size: 16px;
	}
	.timeline-item-content {
	    padding: 10px 20px 0;
	}
}


@media (max-width: 402px) {
	    #main-carousel .carousel-item .slider-text .title {
    }

    .nasl {
        padding-left: 10px;
        padding-right:10px;
    }
    
    .nomob{
    	display: none;
    }

    #main-carousel .carousel-item .slider-text .text-block li {
	    line-height: 32px;
	    font-size: 18px;
	    color: #fff;
	}

	.intro_buttons .btn-theme {
        font-size: 15px;
        padding: 18px 14px;
    }
}



@media (max-width: 350px) {
	.offers-img-meta h5 {
        max-width: 200px;
	}

	.offers-item {
	    margin-bottom: 25px;
	    height: 200px;
	}

	.offers_text h4 {
        font-size: 16px;
    }

    .usluga_text {
        font-size: 13px;
        line-height: 20px;
    }

    #newsletter .zakaz a {
        font-size: 16px;
        padding: 14px 18px;
    }

}


@media (max-width: 320px) {

	/*------------------------------------------*/
	/*	 Theme Button
	/*------------------------------------------*/

	.btn-theme {font-size: 13px; padding: 6px 12px;}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 28px; line-height: 34px;}
	.titlebar h3 {font-size: 18px;}
	.titlebar h2:after { width: 100px;}

	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	#intro_content {padding-top: 65px; padding-bottom: 40px; }
	#intro h2 {	font-size: 32px; line-height: 42px; margin-bottom: 5px; padding: 0;}
	#intro h3 {	font-size: 16px; margin-bottom: 20px; }
	.intro_text p {	font-size: 14px; line-height: 22px; padding: 0;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/
	
	.intro_buttons .btn-theme {margin-bottom: 15px;}
	
	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM  
	/*------------------------------------------*/
	
	.form_register h4 { font-size: 18px; }
	.form_register form { margin: 0;}
	
	/*------------------------------------------*/
	/*	  Service Box Buttons
	/*------------------------------------------*/

	#service-buttons a {margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	TABS
	/*------------------------------------------*/

	.nav-tabs > li > a {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/ 
	
	.statistic-number {font-size: 40px; line-height: 30px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 Pricing
	/*------------------------------------------*/
	
	.pricing-table {margin: 0;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line a {margin-bottom: 10px;}
	#promo_line p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter h3 {font-size: 16px; line-height: 22px;}
	#newsletter p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	

	#newsletter form input[type="submit"] {font-size: 14px;}	
	.message {font-size: 16px;}
	
	#footer_copyright p {line-height: 24px;}

	

	
}


@media (max-width: 770px) {

	.intro_text .intro_img {
		max-width: 100%;
	}
	.features-item {width: 100%}
}

@media (min-width: 768px) {
	.md-modal {
	    width: 700px;
	    margin: 100px auto;
	}
}