@media only screen and (max-width: 1280px)
{
    .infoblock 
    {
        width:96%;
        padding:32px 2%;
    }

    /***********************************/

    .ibImageLeft .infoblockText
    {
        position:relative;
        float:right;
        width:44%;
        left:auto;
        right:auto;
        transform:none;
    }

    .ibImageLeft .infoblockImage
    {
        width:48%;
        position:absolute;
        overflow:hidden;
        height:100%;
        background-color:rgba(248, 248, 248, 0.8);
    }

    .ibImageLeft .infoblockImage img
    {
        position:absolute;
        height:100%;
        width:auto;
        transform:translate(-50%, -50%);
        top:50%;
        left:50%;
    }

    /*********************************/

    .ibImageRight .infoblockText
    {
        position:relative;
        float:left;
        width:44%;
        left:auto;
        right:auto;
        transform:none;
    }

    .ibImageRight .infoblockImage
    {
        width:48%;
        right:2%;
        position:absolute;
        overflow:hidden;
        height:100%;
        background-color:rgba(248, 248, 248, 0.8);
    }

    .ibImageRight .infoblockImage img
    {
        position:absolute;
        height:100%;
        width:auto;
        transform:translate(-50%, -50%);
        top:50%;
        left:50%;
    }
	
	/****************************************/
	
	.ibProductImageLeft .infoblockImage
	{
		display:none;
	}

	.ibProductImageLeft .infoblockImage2
	{
		float:left;
		width:48%;
		text-align:center;
	}

	.ibProductImageLeft .infoblockImage2 img
	{
		max-width:auto;
		width:100%;
		height:auto;
	}

	.ibProductImageLeft .infoblockText
	{
		width:44%;
		padding:32px 3%;
	}
	
	/****************************************/
	
	.ibProductImageRight .infoblockImage
	{
		display:none;
	}

	.ibProductImageRight .infoblockImage2
	{
		float:right;
		width:48%;
		text-align:center;
	}

	.ibProductImageRight .infoblockImage2 img
	{
		max-width:auto;
		width:100%;
		height:auto;
	}

	.ibProductImageRight .infoblockText
	{
		width:44%;
		padding:32px 3%;
	}
	
	.list4Columns ul li div
	{
		font-size:36px;
	}
	
}

@media only screen and (max-width: 920px)
{
	.list4Columns ul
	{
		columns:2;
	}
	
	.ibBackImage .infoblockImage
	{
		position:relative;
		overflow:hidden;
		width:100%;
		height:50vw;
	}
	
	.ibBackImage .infoblockImage img
	{
		width:auto;
		height:100%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
}

@media only screen and (max-width: 800px)
{
	.ibImageLeft2 .infoblockText
	{
        position:relative;
        float:right;
        width:44%;
        left:auto;
        right:auto;
        transform:none;
    }

    .ibImageLeft2 .infoblockImage
    {
        width:48%;
        position:absolute;
        overflow:hidden;
        height:100%;
    }

    .ibImageLeft2 .infoblockImage img
    {
        position:absolute;
        height:100%;
		max-height:400px;
        width:auto;
        transform:translateX(-50%);
        top:0;
        left:50%;
    }
	
	/************************************/
	
	.plainText .infoblockDesc .list4Columns div
	{
		width:48%;
		min-height:560px;
	}

    /*********************************/

    .ibImageRight2 .infoblockText
    {
        position:relative;
        float:left;
        width:44%;
        left:auto;
        right:auto;
        transform:none;
    }

    .ibImageRight2 .infoblockImage
    {
        width:48%;
        right:2%;
        position:absolute;
        overflow:hidden;
        height:100%;
    }

    .ibImageRight2 .infoblockImage img
    {
        position:absolute;
        height:100%;
		max-height:400px;
        width:auto;
        transform:translateX(-50%);
        top:0;
        left:50%;
    }
}

@media only screen and (max-width: 720px)
{
	.ibFaq .infoblockImage
	{
		opacity:0.2;
	}
}

@media only screen and (max-width: 640px)
{
	.infoblock 
	{
        width:96%;
        padding:8px 2%;
    }
	
    /***********************************/

    .ibImageLeft .infoblockText
    {
        float:none;
        width:94%;
    }

    .ibImageLeft .infoblockImage
    {
        width:100%;
        position:relative;
        height:auto;
    }

    .ibImageLeft .infoblockImage img
    {
        position:relative;
        height:auto;
        width:100%;
        transform:none;
        top:auto;
        left:auto;
    }

    /*********************************/

    .ibImageRight .infoblockText
    {
        float:left;
        width:94%;
    }

    .ibImageRight .infoblockImage
    {
        width:100%;
        position:relative;
        height:auto;
        right:0;
    }

    .ibImageRight .infoblockImage img
    {
        position:relative;
        height:auto;
        width:100%;
        transform:none;
        top:auto;
        left:auto;
    }
	
	/***************************************/
	
	.ibImageLeft2 .infoblockText
	{
        position:relative;
        float:none;
        width:100%;
		padding:0;
    }

    .ibImageLeft2 .infoblockImage
    {
        width:100%;
        position:relative;
        overflow:hidden;
        height:auto;
		padding-bottom:16px;
    }

    .ibImageLeft2 .infoblockImage img
    {
        position:relative;
        height:auto;
		max-height:none;
        width:100%;
        transform:none;
        top:0;
        left:0;
    }

    /*********************************/

    .ibImageRight2 .infoblockText
    {
        position:relative;
        float:none;
        width:100%;
		padding:0;
    }

    .ibImageRight2 .infoblockImage
    {
        width:100%;
        position:relative;
        overflow:hidden;
        height:auto;
		right:0;
		padding-bottom:16px;
    }

    .ibImageRight2 .infoblockImage img
    {
        position:relative;
        height:auto;
		max-height:none;
        width:100%;
        transform:none;
        top:0;
        left:0;
    }
	
	/****************************************/
	
	.ibImageRight3 .infoblockText
    {
        position:relative;
        float:none;
        width:100%;
		padding:0;
    }

    .ibImageRight3 .infoblockImage
    {
        width:100%;
        position:relative;
        overflow:hidden;
        height:auto;
		right:0;
		padding-bottom:16px;
		float:none;
    }

    .ibImageRight3 .infoblockImage img
    {
        position:relative;
        height:auto;
		max-height:none;
        width:100%;
        transform:none;
        top:0;
        left:0;
    }
	
	/********************************************/

	.ibProductImageLeft .infoblockImage2
	{
		float:none;
		width:100%;
	}

	.ibProductImageLeft .infoblockText
	{
		float:none;
		width:94%;
	}
	
	/****************************************/
	
	.ibProductImageRight .infoblockImage2
	{
		float:none;
		width:100%;
	}

	.ibProductImageRight .infoblockText
	{
		float:none;
		width:94%;
	}
	
	/***********************************************/
	
	.list4Columns ul
	{
		columns:1;
	}
	
	.list4Columns .infoblockText
	{
		position:relative;
		top:0;
		transform:none;
		margin:auto;
		left:0;
	}
	
	.list4Columns .infoblockImage
	{
		position:absolute !important;
		top:0;
		height:100% !important;
		left:0;
		overflow:hidden;
	}
	
	.list4Columns .infoblockImage img
	{
		position:absolute;
		top:0;
		left:50%;
		transform:translateX(-50%);
		width:auto;
		height:100%;
	}
	
	.ibBackImage .infoblockImage
	{
		position:relative;
		overflow:hidden;
		width:100%;
		height:100vw;
	}
	
}

@media only screen and (max-width: 560px)
{
	.plainText .infoblockDesc .list4Columns div
	{
		width:98%;
		padding-bottom:32px;
		min-height:0;
	}
}