/*@media screen and (max-width: 980px) {*/
    /*!*#basewrapper {*!*/
        /*!*min-width: 980px;*!*/
    /*!*}*!*/
    /*!*.itemwrapper:nth-child(2n+4) {*!*/
    /*!*margin-right: 0 !important;*!*/
    /*!*}*!*/
/*}*/

@media   (max-width: 760px) {
    #basewrapper{
        width: 100%;

    }
    #navigateright{
          opacity: 0;
        display: none;
      }
    #navigateleft{
        opacity: 0;
        display: none;
    }
    .itemwrapper{
        width: 49.8%;
        height: 746px;
    }
    #middletext p{
        font: normal 300 54px/64px "Roboto", sans-serif;
    }
    header{
        height: 3506px
    }
    .separate{
        margin-top: 150px;
        margin-bottom: 150px;
    }
    .mainimg{
        display: none;
    }
    #middletext > h1{
        max-width: 98%;
        font: normal 700 140px/122px "PT Sans Narrow", sans-serif;
    }
    .section1{
        max-width: 98%;
    }
    #logo {
        width: inherit;
        display: flex;
        justify-content: center;
    }
    .logotext{
        font: 134px "BebasNeue";    float: right;
        padding-left: 86px;
    }
    #zigzag svg{
        transform: scale(3);top: 31px!important;left: -30px;
    }
    #zigzag {
        margin-left: 96px;
    }





    
    /*.comments-list,
    .comments-list .comments-wrap {
        height: unset;
        width: 100% !important;
    }
    
    .comments-list .comments-wrap .comment-item {
        margin-right: inherit !important;
        width: auto !important;
    }
    
    .comments-list .comments-wrap.slick-slider>.slick-list .slick-slide {
        min-height: 100% !important;
    }
    .comments-list .comments-wrap.slick-slider>.slick-list .slick-slide.slick-active {
        opacity: 1;
    }
    
    .comments-list .comments-wrap .slick-slide[index="0"],
    .comments-list .comments-wrap .slick-slide[index="1"],
    .comments-list .comments-wrap .slick-slide[index="2"]
    {
        top: 0px;
        left: 0px;
        opacity: 1;
        transition-delay: unset;
    }*/
    form#contactus {
        height: calc(1.1 * 711px);
    }
    form#contactus > h2 {
        font-size: calc(1.1 * 60px);
        line-height: calc(1.1 * 60px);
    }
    .contactdata > p {
        font-size: calc(1.1 * 32px);
        line-height: calc(1.1 * 40px);
    }
    form#contactus > input,
    form#contactus > textarea {
        font-size: calc(1.1 * 32px);
        line-height: calc(1.1 * 40px);
        width: calc(1.1 * 50%);
        height: calc(1.1 * 76px);
    }
    form#contactus > button {
        padding: calc(1.1 * 34px) calc(1.1 * 20px) calc(1.1 * 20px) calc(1.1 * 174px);
        font: normal 300 calc(1.1 * 40px)/calc(1.1 * 40px) "Roboto", sans-serif;
    }
    .comments-list,
    .comments-list .comments-wrap {
        height: auto;
    }
    .comments-list .comment-item {
        width: 1268px !important;
        margin-right: 0 !important;
        height: auto !important;
        padding-left: 0;
        padding-right: 120px !important;
    }
    .comments-list .comment-item:before {
        display: none;
    }
    
    .comments-list .comment-item .text {
        min-height: calc(3 * 60px);
        height: unset;
        font-size: calc(3 * 0.8em);
        text-align: left;
    }
    .comments-list .comment-item .footer {
        padding-right: 20px;
        height: auto;
        font-size: calc(3 * .9em);
    }
    
    .iteminfowrapper {
        overflow: clip;
    }
    
    .iteminfowrapper .iteminfo .leftinfo {
	    padding-left: 3em;
    }

    .iteminfowrapper .iteminfo .leftinfo [name="counter"] {
	    display: inline-block;
	    /*margin-bottom: 0.5em;*/
    }

    .iteminfowrapper .iteminfo .leftinfo [name="title"] {
	    font-size: 3em;
	    margin-bottom: 0.5em;
	    line-height: 50px;
	    width: 100%;
    }
    
    .iteminfowrapper .iteminfo .leftinfo [name="fullDescr"] {
        max-height: 30%;
        overflow: clip;
    }

    .iteminfowrapper .iteminfo .leftinfo [name="fullDescr"] p,
    .iteminfowrapper .iteminfo .leftinfo p {
        font-size: 30px;
        line-height: 32px;
        width: 100%;
    }
    
    .iteminfowrapper .iteminfo .leftinfo p.linkToFollowTo {
        position: absolute;
        bottom: 1em;
    }
    #whatwedo>div>p {
        font: normal 300 28px/24px "Roboto", sans-serif;
        width: 800px;
    }
}
@media (max-width: 320px) {

}