/*MEDIA*/

@media (max-width: 991px){
    
    .container {
        max-width: 728px;
    }    
        
    #bottom .col-8 {
        width:470px;
    }

    #bottom .col-4 {
        width: 255px;
    } 

    .m1,.m2,.m3 {
        width: 152px;
        height: 204px;
    }
    
    #authorsearchform {
        width:470px;
    }
    #abc {
        width:470px;    
    }    
    
    #abc a {
        margin-right: 1px;
        margin-left: 2px;
    }
    
    #mainsearchform div {
        width: 470px;
    }    
    
    #docssearchform div {
        width: 470px;
    }
    
    #moviesearchform div {
        width: 470px;
    }    
    
    #topnav {
        padding-bottom: 22px;
        /*border-bottom: 2px solid rgba(0, 0, 0, 0.2);*/
    }
    
    #movieshow h1 {
        margin-top: 0px;
        font-size: 32px;
        line-height: 38px;        
    }
    
    #movieshow h3 {        
        margin-top: 10px;
        font-size: 18px;
    }    
    
    .irs {
        width: 470px;
    }
    
    .person_bio:not(.person-no-img) {
        height: 140px !important;
    }
    
}


@media (max-width: 767px){
    
    #top nav {        
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 345px;
        text-align: center;    
    }    
    #bottom {padding:0 30px;}    
    #bottom .col-8 { width: 100%;}
    #bottom .col-4 {width: 100%;}         
    .en #top nav span, #top nav span {padding: 0 8px}    
    .m1,.m2,.m3 {width: 100px;height: 135px;}           
    #mainsearchform div {width: 300px;}        
    #docssearchform div {width: 300px;}    
    .docsearch .tabtitle {display:none}    
    #authorsearchform {
        width:300px;
    }    
    
    #abc {
        text-align: center;    
    } 
    
    #abc a {
        font-size: 15px;
    }
    
    #moviesearchform div {
        width: 300px;
    }     
    
    .irs {
        max-width: 80%;
    }    
      
    .col {
        width: 100%;
        left: auto;
        right: auto;
    }
           
    .col-small-6 {
        width: 50%;
    }        
            
    .col-small-8 {
        width: 66.66666667%;
    }            
            
    .col-small-4 {
        width: 33.33333333%;
    }        
    
    #movieshow .img-icons {
        max-width:20% !important;        
    }
    
    #movieshow h1 {
        font-size: 28px;
        line-height: 34px;            
    }
    
    #movieshow h3 {
        font-size: 16px;
        line-height: 22px;        
    }
    
    #movieshow .paragraph {
        padding-right: 25px;
        padding-left: 25px;        
    }    
    
    #top .homebtn {
        display:block;
    }

    #langs {    
        display:block;
    }

    .person_bio:not(.person-no-img) {
        height: calc(100vw / 2 - 50px) !important;
        max-height: 321px;
    }

    .persons-text-div {
        width: 50% !important;
    }
}


@media (max-width: 479px){
    
    #topnav {
        display:none;
    }
    
    #mobilnav {
        display:block;        
        position: absolute !important;  
        z-index: 2;
        width:200px !important;                    
        margin: 0 auto;
        left: 35px !important;
        right: 0 !important;        
        float:none !important;
    }    .persons-text-div {
        width: 100% !important;
        margin-right: 0.5rem;
    }
    
    .m1,.m2,.m3 {
        width: 83px;
        height: 114px;
    }
    
    #authorsearchform {
        width:250px;
        margin-bottom:40px;
    }    

    #abc {
        /*display:none;*/        
        width: 80%;
        
        
    }

    #mainsearchform div {
        width: 250px;        
        margin: 35px auto;
    }    

    #docssearchform div {
        width: 300px;
        margin: 35px auto;
    }    
    
    
    #docssearchtxt {
        height: 35px;
        font-size: 16px;        
    }

    #mainsearchtxt {
        height: 35px;
        font-size: 16px;
    }

    #docssearchform i {
        top:5px;
    }

    #mainsearchform i {
        top:5px;
    }
    
    .col {
        width: 100%;
    }
    
    .boxdiv {
         height: 360px;
    } 
    
    
    #movieshow .icondiv {text-align:left;position: relative;}
    
    #movieshow .img-icons {
        max-width:30% !important;        
    }
    
    #langs span {display:none}
    
    #bottom img {float:none !important;display:block;margin:0 auto;}
    
    .person_bio:not(.person-no-img) {
        height: calc(100vw) !important;
        max-height: 250px;
    }

    .persons-text-div {
        width: 100% !important;
        margin-right: 0.5rem;
    }
}

@media (max-width: 380px){
    .homebtn {display:none !important;}
    
    #langs {margin-left:10px;}
    
    #movieshow .img-icons {
        max-width:40% !important;        
    }
    
    
}