/* without navigation */

#finCourse, .menu, button.show-menu-button, #left-actions-container, #right-actions-container, div.counter, div.player {display: none !important} .player {border-top: none}
.slider {width: -webkit-calc(80% - 300px) !important; width: -moz-calc(80% - 300px) !important; width: calc(80% - 300px) !important;}

@media (max-width: 1600px) { 
.slider {width: -webkit-calc(80% - 450px) !important; width: -moz-calc(80% - 450px) !important; width: calc(80% - 450px) !important; height: -webkit-calc(100% - 480px) !important; height: -moz-calc(100% - 480px) !important; height: calc(100% - 480px) !important;}}

@media (max-width: 1535px) { 
.slider {width: -webkit-calc(80% - 350px) !important; width: -moz-calc(80% - 350px) !important; width: calc(80% - 350px) !important; height: -webkit-calc(90% - 470px) !important; height: -moz-calc(90% - 470px) !important; height: calc(90% - 470px) !important;}}

@media (max-width: 1500px) { 
.slider {width: -webkit-calc(80% - 350px) !important; width: -moz-calc(80% - 350px) !important; width: calc(80% - 350px) !important; height: -webkit-calc(80% - 460px) !important; height: -moz-calc(80% - 460px) !important; height: calc(80% - 460px) !important;}}

@media (max-width: 1499px) { 
.slider {width: -webkit-calc(100% - 255px) !important; width: -moz-calc(100% - 255px) !important; width: calc(100% - 255px) !important; height: -webkit-calc(100% - 360px) !important; height: -moz-calc(100% - 360px) !important; height: calc(100% - 360px) !important;}}

@media (max-width: 1355px) { 
.slider {width: -webkit-calc(100% - 235px) !important; width: -moz-calc(100% - 235px) !important; width: calc(100% - 235px) !important; height: -webkit-calc(100% - 260px) !important; height: -moz-calc(100% - 260px) !important; height: calc(100% - 260px) !important;}}

@media (max-width: 1300px) { .slider {width: 100% !important; height: 100% !important;}
div[data-likeh*='title_panel1'], div[data-likeh*='title_panel2'] {font-size: 30px}
div[data-likeh*='title_panel_pr'] {font-size: 20px}
div[data-likeh*='text_panel'] > p > font {font-size: 22px !important} 
input[type=radio], input[type=checkbox] {width: 30px; height: 30px}}

@media (width: 2560px) { 
.slider {width: -webkit-calc(75% - 300px) !important; width: -moz-calc(75% - 300px) !important; width: calc(75% - 300px) !important; height: -webkit-calc(100% - 165px) !important; height: -moz-calc(100% - 165px) !important; height: calc(100% - 165px) !important;}}

@media (width: 1920px) { 
.slider {width: -webkit-calc(80% - 300px) !important; width: -moz-calc(80% - 300px) !important; width: calc(80% - 300px) !important; height: -webkit-calc(100% - 258px) !important; height: -moz-calc(100% - 258px) !important; height: calc(100% - 258px) !important;}}

@media (1900px < width < 1919px) { 
.slider {width: -webkit-calc(90% - 350px) !important; width: -moz-calc(90% - 350px) !important; width: calc(90% - 350px) !important; height: -webkit-calc(100% - 250px) !important; height: -moz-calc(100% - 250px) !important; height: calc(100% - 250px) !important;}}

@media (1855px < width < 1900px) { 
.slider {width: -webkit-calc(90% - 300px) !important; width: -moz-calc(90% - 300px) !important; width: calc(90% - 300px) !important; height: -webkit-calc(100% - 150px) !important; height: -moz-calc(100% - 150px) !important; height: calc(100% - 150px) !important;}}    

@media (1790px < width < 1855px) { 
.slider {width: -webkit-calc(90% - 300px) !important; width: -moz-calc(90% - 300px) !important; width: calc(90% - 300px) !important; height: -webkit-calc(100% - 288px) !important; height: -moz-calc(100% - 288px) !important; height: calc(100% - 288px) !important;}}    

@media (1700px < width < 1790px) { 
.slider {width: -webkit-calc(90% - 300px) !important; width: -moz-calc(90% - 300px) !important; width: calc(90% - 300px) !important; height: -webkit-calc(100% - 200px) !important; height: -moz-calc(100% - 200px) !important; height: calc(100% - 200px)  !important;}}    

@media (1650px < width < 1700px) { 
.slider {width: -webkit-calc(90% - 300px) !important; width: -moz-calc(90% - 300px) !important; width: calc(90% - 300px) !important; height: -webkit-calc(100% - 168px) !important; height: -moz-calc(100% - 168px) !important; height: calc(100% - 168px) !important;}}    

@media (1600px < width < 1650px) { 
.slider {width: -webkit-calc(100% - 400px) !important; width: -moz-calc(100% - 400px) !important; width: calc(100% - 400px) !important; height: -webkit-calc(100% - 260px) !important; height: -moz-calc(100% - 260px) !important; height: calc(100% - 260px) !important;}}