/*mobile nav hamburger */

td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #62625B} 
li {color: #62625B; padding-bottom: 5px; text-align:justify;} 
ul {color: #62625B; text-align:justify; margin-bottom: 0px; margin-top:5px;} 
ol {color: #62625B}
a:link {color: #7C091E; text-decoration: none} 
p {
    /*margin-top: -3; */
    
        margin-top: 5px;
    margin-bottom: 5px;
    /*font-size: 16px;*/
    line-height: 22px;
    padding-bottom: 10px;
}

.mytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold} 
.mytext a:link {color: #CC9900; text-decoration: none} 
.mytext a:visited {color:#CC9900; text-decoration: none} 
.mytext a:hover {color: #ff0000; text-decoration: none} 
.mytext a:active {color: #CC9900; text-decoration: none} 
.mytext1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold} 
.mytext1 a:link {color: #990066; text-decoration: none} 
.mytext1 a:visited {color:#990066; text-decoration: none} 
.mytext1 a:hover {color: #990066; text-decoration: none} 
.mytext1 a:active {color: #990066; text-decoration: none} 
.mytext2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #62625B} 
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 110px; color: #000000; } 
.menu a:link {color:  #62625B; text-decoration: none} 
.menu a:visited {color:  #62625B; text-decoration: none} 
.menu a:hover {color: #ffffff; text-decoration: none; background: #F99E3F } 
.menu a:active {color: #62625B; text-decoration: none}
.menu1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #ffffff; } 
.menu1 a:link {color:   #ffffff; text-decoration: none; } 
.menu1 a:visited {color:   #ffffff; text-decoration: none} 
.menu1 a:hover {color: #ffffff; text-decoration: none; background: #F99E3F } 
.menu1 a:active {color:  #ffffff; text-decoration: none}
.img {border-width : 1px; border-style:  solid; border-color:  #000099}
.img1 {border-width : 1px; border-style:  solid; border-color:  #aaaaaa} 

@media screen and (max-width: 700px) {
    
    .mobile-container{
        display:block;
    }
    
}    

@media screen and (min-width: 1024px) {
    
 .mobile-container{
     display:none;
 }
}



/*head*/
@media screen and (max-width: 992px) {
    .table-head, .table-head2{
        width: 100%!important;
    }
    .cont-img{
        width: 100%;
        height: auto;
    }

    .head-ban img{
        width: 100%;
    /*max-width: 1200px;*/
    height: auto;
    }
    /*--mobile hamburger---*/
    .mobile-container{
        display:block;
    }
    .mobile-container {
  max-width: 100%;
  margin: auto;
  height: 10px;
  color: white;
  border-radius: 10px;
 
}

.topnav {
 
  position: relative;
}

.topnav #myLinks {
  display: none;
  /*background-color: #ddd;*/
  background-color: rgb(249, 158, 63);
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  padding-top: 37px;
}

.topnav a.icon {
  background: #00000000;
  display: block;
  position: absolute;
 top: 10px;
 width: 32px;
    float: left!important;
    background-image: url(/images/kisspng-hamburger-button-computer-icons-menu-5ae053f3cb4992.2861698115246509958327.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    /*height:30px;*/
}

.topnav a:hover {
  background-color:#00000000;
  color: black;
}

.active {
  background-color: #4caf5000;
  color: white;
}
.sidebar{
    display:none;
}
.mobile-content{
    max-width: 1040px;
    width: 100%;
}
.mobile-body{
    width:100%;
}
.fa{
    font-size: 54px!important;
    display:none!important;
}
.txt-cont{
    display:grid;
}
.cont-img2{
    width:fit-content;
    height:fit-content;
}
.txt-cont-2{
    display: flow-root;
    width: 542px;
}
.img-none{
    display:none;
}
.cont-img3{
    width: 213px;
    height: 180px;
}
}
@media(min-width:725px){
    .my-content{
        width:725px;
    }
    .table-head.filmo{
        width:725px;
    }
}
@media(max-width: 592px){
    .director table{
        width:100% !important;
    }
    .image-container img{
        width:100%;
        height: auto;
    }
    .img-responsive{
        width:100%;
        height: auto;
    }
    .at-container{
        width:100% !important;
        display:block;
    }
    .at-container table{
        width:100% !important;
    }
    .at-container table td{
        display:block;
        /*width:100%;*/
    }
    .txt-cont{
        width:100% !important;
    }
    .cont-img2{
        width:100%;
        height: auto;
    }
    td.head-ban{
        width:100% !important;
    }
    td {display:block; font-size: 14px; margin-bottom:10px;} 
    p a img{
        margin-bottom:10px;
    }
    p {
    /*margin-top: -3; */
    
            margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px;
    }
    .mobile-body ul{
        padding:0 10px;
    }
    .x-txt-cont{
        padding:0 10px;
    }
    td p b{
        padding-left:10px;
    }
    td a img{
        width:100%;
        height: auto;
    }
    .img1.cont-img.cont-img2{
        width:100%;
    }
    .td-block{
        width:99%;
    }
}