@media only screen and (max-width: 440px) and (min-width: 250px)
{
	p
	{
		font-size: 16px;
	}

	h2
	{
		font-size: 24px;
	}

	h3
	{
		font-size: 22px;
	}

	h3
	{
		font-size: 20px;
	}

	.col-50
	{
	    width: 100%;
	    float: none;
	}

	.logo img
	{
	    background: #ffffffcf;
	}

	.frame-1
	{
	    margin-top: 20px;
	    padding: 10px 5px;
	}

	.btn
	{
		margin-top: 0;
	}

	.product-image
	{
	    margin-top: 0;
	}

	.middle-topic
	{
	    padding: 10px 10px;
	}

	.article-text
	{
	    padding: 7px 10px;
	}

	.sec-1
	{
		height: auto;
	}

	.sec-2
	{
		height: auto;
	}

	.product-image img
	{
		max-width: 400px;
	}

	.left-side-header
	{
	    width: 100%;
	    float: none;
	    text-align: center;
	}

	.right-side-header
	{
	    width: 100%;
	    float: none;
	}

	.right-side-header span
	{
	    font-size: 8px;
	    line-height: 0.7em;
	}

	.left-side-header span
	{
    	font-size: 14px;
    }

    .sec-5 .col-40-l, .sec-5 .col-40-r, .col-65, .col-35, .col-35-l, .col-35-r, .sec-5 .col-40, .col-33
    {
    	float: none;
    	width: 100%;
    }

    .sec-1 .col-33
    {
    	width: 33.3333333333%;
    	float: left;
    }

    .sec-5 .col-40, .sec-5 .col-40-l
    {
    	margin-left: auto;
    }

    .alert-frame
    {
    	width: 90%;
    	margin-left: auto;
    	margin-right: auto;
    	display: block;
    }

    .frame-2
    {
    	width: 70%;
    }

    .frame-2 li
    {
    	padding: 5px 0;
    	font-size: 14px;
    }

    .desc-1, .desc-2, .desc-3
    {
    	margin-left: auto;
    	margin-right: auto;
    }

    .col-35-l
    {
    	text-align: left;
    }

    .content-right::after
    {
	    content: '';
	}

	.content-right::before
	{
	    content: url(../img/leaf.png);
	    vertical-align: text-top;
	    height: auto;
	    padding-right: 7px;
	}

	.content-right::before, .content-left::before
	{
		padding-left: 8px;
	}

	.list-type-1 li
	{
		height: auto;
	}

	.sec-3
	{
		height: auto;
		padding-top: 0;
	}

	.desktop
	{
		display: none;
	}

	.mobile
	{
		display: block;
	}

	.sec-4
	{
		background: #fff;
		height: auto;
		margin-top: 0;
	}

	.sec-4 .col-33
	{
	    width: 100%;
	    margin: 0 auto;
	}

	.sec-5 .col-40
	{
		margin-top: 25px;
	}

	.sec-5, .sec-6
	{
		height: auto;
	}

	.sec-5 .col-30
	{
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-top: 30px;
	}

	.sec-5 .col-30 img
	{
		margin-left: auto;
		margin-right: auto;
		max-width: 350px;
		width: 100%;
		display: block;
	}

	.sec-5 .col-40-r
	{
		margin-right: auto;
		margin-top: 30px;
	}

	.date
	{
	    padding: 0 10px;
	}

	.sec-6 .text
	{
    	padding-top: 20px;
    }

    .sec-7
    {
    	margin-top: 5px;
    	height: auto;
    }

    .form form
    {
	    width: 80%;
	    padding: 10px;
	}

	.prices
	{
		text-align: center;
	}

	.form form input
	{
    	max-width: 340px;
    	width: -webkit-fill-available;
    	display: inline-block;
    }

    .form form .button h3
    {
    	font-size: 22px;
    }

    .form form .button
    {
    	margin: 10px auto -40px auto;
    }

    .form
    {
    	height: auto;
	    margin-bottom: 30px;
    }
}

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

	.sec-1
	{
		height: auto;
		background-position: right;
	}

	.sec-2
	{
		height: auto;
	}

	.col-50
	{
		width: 100%;
		float: none;
	}

	.sec-5 .col-40-l, .sec-5 .col-40-r, .col-65, .col-35, .col-35-l, .col-35-r, .sec-5 .col-40, .col-33
    {
    	float: none;
    	width: 100%;
    }

    .desktop
	{
		display: none;
	}

	.mobile
	{
		display: block;
	}

	.left-side-header
	{
	    width: 100%;
	    float: none;
	    text-align: center;
	}

	.right-side-header
	{
	    width: 100%;
	    float: none;
	}

	.right-side-header span
	{
        font-size: 13px;
    	line-height: 1em;
	}

	.left-side-header span
	{
    	font-size: 14px;
    }

    .sec-1 .col-33
    {
    	width: 33.3333333333%;
    	float: left;
    }

    .sec-1 .row
    {
    	margin-top: 10px;
    }

    .logo img
	{
	    background: #ffffffcf;
	    max-width: 350px;
	}

	.col-35-l
    {
    	text-align: left;
    }

    .content-right::after
    {
	    content: '';
	}

	.content-right::before
	{
	    content: url(../img/leaf.png);
	    vertical-align: text-top;
	    height: auto;
	    padding-right: 7px;
	}

	.content-right::before, .content-left::before
	{
		padding-left: 8px;
	}

	.list-type-1 li
	{
		height: auto;
	}

	.sec-3
	{
		height: auto;
		padding-top: 10px;
	}

	.middle-topic
	{
	    padding: 10px 10px;
	}

	.article-text
	{
	    padding: 7px 10px;
	}

	.alert-frame
	{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.sec-4
	{
		background: #fff;
		height: auto;
		margin-top: 0;
	}

	.sec-4 .col-33
	{
		float: left;
		margin-top: 0;
	}

	.sec-5 .col-40
	{
		margin-left: 0;
		margin-top: 30px;
	}

	.sec-5, .sec-6
	{
		height: auto;
	}

	.frame-2
	{
		width: 85%;
		margin: 10px auto;
		display: block;
	}

	.sec-5 .col-30
	{
		width: 100%;
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top: 30px;
		display: block;
	}

	.sec-5 .col-30 img
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 400px;
	}

	.sec-5 .col-40-l
	{
		margin-left: auto;
		margin-right: auto;
	}

	.date
	{
		padding: 5px 10px;
	}

	.sec-5 .col-40-r
	{
		margin-left: auto;
		margin-right: auto;
	}

	.prices
	{
		margin-top: 15px;
	}

	.sec-6 .text
	{
		padding-top: 30px;
	}

	.sec-7
	{
		height: auto;
		margin-top: 15px;
	}

	.section-form .col-50 img
	{
    	max-width: 400px;
    }

    .form form
    {
    	width: 80%;
	    padding: 10px;
    }

    .form form input, .form form select
	{
    	max-width: 390px;
    	width: -webkit-fill-available;
    	display: inline-block;
    }

    .form form select
	{
    	max-width: 410px;
    }

    #phone
    {
    	width: 70%;
    }

    .form form .button
    {
    	margin: 10px auto -40px auto;
    }

    .form
    {
    	margin: 10px auto;
    }
}

@media only screen and (max-width: 899px) and (min-width: 768px)
{
	.sec-5 .col-30
	{
	    width: 40%;
	    margin-right: 0%;
        margin-top: 140px;
	}


}

@media only screen and (max-width: 1249px) and (min-width: 900px)
{
	.sec-5 .col-30
	{
	    width: 40%;
	    margin-right: 0%;
        margin-top: 90px;
	}

	.sec-5 .col-30 img
	{
    	max-width: 350px;
    }
}


@media only screen and (max-width: 1249px) and (min-width: 768px)
{

	p
	{
		font-size: 18px;
	}

	h2
	{
		font-size: 28px;
	}

	h3
	{
		font-size: 24px;
	}

	h4
	{
		font-size: 22px;
	}

	.alert-frame
	{
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	.left-side-header
	{
		padding-left: 10px;
	}

	.right-side-header
	{
		margin-left: 10px;
	    display: block;
	    width: 65%;
	}

	.frame-1
	{
		margin-left: 10px;
	}

	.middle-topic
	{
	    padding: 10px 10px;
	}

	.article-text
	{
	    padding: 7px 10px;
	}

	.desc-1, .desc-2, .desc-3
	{
	    margin-left: 40px;
	    margin-bottom: 15px;
	}

	.col-35
	{
	    margin-top: 75px;
	}

	.sec-5 .col-40
	{
	    width: 50%;
	    margin-left: 10%;
        margin-top: 50px;
	}

	.sec-7
	{
		background-position: bottom;
		height: auto;
	}

	.form form input
	{
		width: -webkit-fill-available;
	    max-width: 390px;
	}

	.form form select
	{
    	max-width: 410px;
    }

	.form form
	{
    	width: 80%;
    	padding: 15px;
    }

    .form form .button
    {
    	margin: 10px auto -40px auto;
	}

	.form
	{
	    height: 450px;
	    background-position: bottom;
	}

}