@media only screen and (max-width: 1520px) {
    .ib2ColumnsCards {
        box-sizing: border-box;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media only screen and (max-width: 1280px) {
    .ibTwoBlocks, .ibTitleLeftDescRight, .ibImageLeftTextRight2, .ibDescLeftButtonRight, .ibImageRightTextLeft2, .ibDescLeftButtonRight2, 
    .ibImageRightTextLeft, .ibCenterImageTitleText, .ib3ColumnsCards, .ibTitleLeftDescRight2, .ibTitleText, .ibTextDesc, .ibImageLeftTextRight,
    .ibHlistItems {
        box-sizing: border-box;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media only screen and (max-width: 1280px) {
    .ibTwoBlocks .infoblockAbstract > span {
        flex-direction: column;
    }
}

@media only screen and (max-width: 960px) {
    .ibImageLeftTextRight {
        flex-direction: column;
    }
    .ibImageLeftTextRight .infoblockImage, .ibImageLeftTextRight .infoblockText {
        width: 100%;
    }
    .ibImageLeftTextRight .infoblockImage {
        margin-bottom: 1rem;
    }
    .ibImageLeftTextRight .infoblockTitle {
        text-align: center;
    }

    .ibHlistItems .infoblockAbstract {
        flex-wrap: wrap;
        justify-content: center;
    }
    .ibHlistItems .infoblockAbstract > div {
        width: 30%;
    }

    .ib2ColumnsCards .infoblockAbstract {
        grid-template-columns: 1fr;
    }
    .ib2ColumnsCards .infoblockAbstract > div > div {
        width: 40%;
    }
}

@media only screen and (max-width: 800px) {
    .ibTitleLeftDescRight .infoblockText, .ibImageLeftTextRight2, .bImageRightTextLeft2, .ibImageRightTextLeft2, .ibImageRightTextLeft,
    .ibTitleLeftDescRight2 .infoblockText
    {
        display: flex;
        flex-direction: column;
    }
    .ibImageLeftTextRight2 .infoblockImage, .ibImageLeftTextRight2 .infoblockText, 
    .ibImageRightTextLeft2 .infoblockImage, .ibImageRightTextLeft2 .infoblockText, 
    .ibImageRightTextLeft .infoblockImage, .ibImageRightTextLeft .infoblockText {
        width: 100%;
    }
	.ibImageRightTextLeft .infoblockImage, .ibImageLeftTextRight .infoblockImage {
		margin-top: 1.5rem;
	}
    .ibImageLeftTextRight2 .infoblockImage, .ibImageRightTextLeft2 .infoblockImage {
        margin-bottom: 1rem;
		margin-top: 1.5rem;
    }
    .ibImageLeftTextRight2 .infoblockTitle, .ibImageRightTextLeft2 .infoblockTitle {
        margin-bottom: 0;
    }

    .ib3ColumnsCards .infoblockAbstract > span {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 600px) {
    .ibTwoBlocks .infoblockAbstract > span > div {
        flex-direction: column;
    }
    .ibTwoBlocks .infoblockAbstract > span > div img {
        max-width: 400px;
        margin: auto;
    }

    .ibDescLeftButtonRight2 .infoblockText {
        display: flex;
        flex-direction: column;
    }

    .ibHlistItems .infoblockAbstract > div {
        width: 45%;
    }
}

@media only screen and (max-width: 480px) {
    .ibDescLeftButtonRight .infoblockText {
        display: flex;
        flex-direction: column;
    }

    .ib3ColumnsCards .infoblockAbstract > span {
        grid-template-columns: 1fr;
    }
    .ibImageLeftTextRight .infoblockAbstract {
        flex-direction: column;
    }
    .ibImageLeftTextRight .infoblockAbstract .pictoClick {
        width: 100%;
    }

    .ibHlistItems .infoblockAbstract > div {
        width: 100%;
    }

    .ib2ColumnsCards .infoblockAbstract > div {
        flex-direction: column;
    }
    .ib2ColumnsCards .infoblockAbstract > div > div {
        width: 100%;
    }
}