@media all and (max-width: 1220px)

{

    #header .center-head

    {

        width: 100%;

        float: none;

    }

    

    #header .left-head,

    #header .right-head

    {

        float: none;

        display: none;

    }



    #page .offer

    {

        width: 800px;

    }

}



@media all and (max-width: 1150px)

{

    #page .gallery

    {

        width: 752px;

    }

}



@media all and (max-width: 1000px)

{

    #home-slider .slide .image

    {

        width: 400px;

		margin-top: -30px;

    }

	

	#home-slider .slide .image img 

	{

		display: block;

		width: 410px;

	}



    #home-slider .slide .description

    {

        width: calc(100% - 400px);

    }

}



@media all and (max-width: 880px)

{

    #home-about-us .left, 

    #home-about-us .right

    {

        float: none;

        width: 100%;

        margin: 10px auto;

    }

    

    #home-contact .container

    {

        max-width: 300px;

        margin-bottom: 20px;

    }



    #home-contact .contact-item.contact-address,

    #home-contact .contact-item

    {

        float: none;

        width: 280px !important;

        margin: 10px auto;

    }

}



@media all and (max-width: 830px)

{

    #page .offer

    {

        width: 400px;

    }

}



@media all and (max-width: 770px)

{

    #page .gallery

    {

        width: 372px;

    }

	

	.product-page .left, 

	.product-page .right

	{

		float: none;

		width: 96%;

		margin: 0 auto;

		padding: 0;

	}

	

}

    

@media all and (max-width: 730px)

{

    #header .nav ul.menu

    {

        display: none;

    }

    

    #header .nav ul.button-menu

    {

        display: block;

    }

	

	#home-about-us p,

	.about-us p

	{

		padding: 0;

	}

    

    #home-slider .slide .image

    {

        float: none;

        display: none;

    }



    #home-slider .slide .description

    {

        float: none;

        width: 100%;

    }

    

    #home-slider .slide .description h1

    {

        font-size: 45px;

        margin: 0 auto;

        text-align: center;

    }



    #home-slider .slide .description h3

    {

        font-size: 35px;

        margin: 0 auto;

        text-align: center;

    }



    #home-slider .slide .description a 

    {

        margin: 10px auto;

    }

}



@media all and (max-width: 700px)

{

	.order-form .form-left,

	.order-form .form-right,

	.contact-page .left,

	.contact-page .right

	{

		float: none;

		width: 100%;

	}

	

	.contact-page .right

	{

		border-left: 0;

		border-top: 4px solid #024258;

		margin-top: 15px;

	}

}



@media all and (max-width: 550px)

{

    #footer .left,

    #footer .right 

    {

        float: none;

        text-align: center !important;

        margin: 10px auto !important;

    }

	

}



@media all and (max-width: 450px)

{





}



@media all and (max-width: 420px)

{

    #page .offer,

	.offer a.offer-item,

    #page .offer a img

    {

        width: 95%;

        height: auto;

        margin: 5px auto;

        display: block

    }

	

	 #page .gallery,

    #page .gallery a img

    {

        width: 95%;

        height: auto;

        margin: 5px auto;

        display: block

    }

    .gallery a img 

    {
        float: none;
    }

}



@media all and (max-width: 380px)

{

    #home-slider .slider

    {

        display: none;

    }

	

	#header .center-head  ul.language

	{

		float: none;

		margin: -30px 0 30px;

		text-align: center;

	}

    

    #header .center-head .logo

    {

        float: none;

        margin: 0 auto;

        width: 210px;

        height: auto;

    }



    #header .center-head .nav

    {

        float: none;

    }

    

    #header .nav ul.button-menu

    {

        margin-top: -30px;

    }

    

    #header .nav ul.button-menu > li

    {

        width: 100%;

        text-align: center;

        padding: 10px 0;

    }

    

    #header .nav ul.button-menu > li > ul

    {

        width: 100%;

        padding: 2px 0;

        text-align: center;

    }

    

}