@media(max-width:1300px){
h3.course_title, li.course p, h3.box_title, li.box p{
font-size: 23px;
}
.single-course .site-content .content-area{
min-width:500px;
}
}
@media(max-width:1245px){
.home section.courses{
padding: 0 30px;
}
section.reccomendations h2 span{
max-width: 90%;
}
div.wpcf7 {
max-width: 350px;
}
div.wpcf7 input, div.wpcf7 textarea {
max-width: 250px;
padding: 2px;
}
div.wpcf7 textarea{
width:350px
}
.wpcf7 form.sent .wpcf7-response-output {
right: 120px;
font-size: 14px;
padding: 2px 5px;
}
.contact_info p {
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
}
.middle {
}
.left {
flex-basis: 20%;
position: relative;
min-width: 200px;
}
.social_media img {
width: 50px;
}
.home .recco_wrap {
width: 75%;
}
}
@media(max-width:1100px){
.info_courses{
font-size: 20px;
}
section.home_cubes h4 {
max-width: 90%;
}
.home section ul.courses {
justify-content: space-between;
}
li.course {
flex-basis: 30%;
}
li.course .featured {
width: 100%;
}
.course_title_text {
width: 100%;
}
.single-course .is-left-sidebar {
width: 100%;
}
.inside-left-sidebar {
display: flex;
gap: 30px;
}
.single-course .inside-left-sidebar aside{
flex-basis: 50%;
}
}
@media(max-width:900px){
.right{
padding-right:10px;
}
div.wpcf7 label{
font-size: 17px;
}
.contact_info p{
font-size: 20px;
}
.single-course .site-content{
flex-direction: column;
}
.single-course .site-content .content-area,div.ai_box{
margin-bottom: 50px;
min-width: 0;
}
.single-course .is-left-sidebar,
.single-course .is-right-sidebar,
.single-course .site-content .content-area{
width: 100%;
max-width: 100%;
min-width: 0;
}
.single-course .is-right-sidebar{
order: 0 !important;
}
.single-course .is-left-sidebar .inside-left-sidebar{
display: flex;
gap:30px;
}
.single-course .site{
max-width: none;
padding:20px;
}
.inside-footer-widgets>div.footer-widget-1{
width: 100% !important;
flex: unset; 
overflow: hidden;
}
div.wpcf7 input, div.wpcf7 textarea{
width: 85%;
max-width: 80%;
margin-right: 0;
margin-top: 0;
}
textarea {
margin-right: 0;
margin-top: 0px;
}
input.wpcf7-form-control.wpcf7-submit{
position: relative;
margin-top: 15px;
margin-right: 70px;
}
.wpcf7 form.sent .wpcf7-response-output {
position: relative;
right:0;
width: 300px;
margin: 0 auto;
max-width: 80%;
}
.flexit {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.right {
width: 100%;
}
.right div.wpcf7 {
max-width: 100%;
}
.middle {
margin: 50px 0 0;
width: 50%;
}
.social_media{
} 
.site-footer .left {
right: auto;
left: 0;
width: 100%;
display: block;
min-width: 0;
max-width: 100%;
}  
.site-footer .left:before {
width: 180px;
height: 211px;
top: -245px;
right: auto;
left: 80px;
padding: 18px 30px;
font-size: 17px;
}
.site-footer .left img {
position: absolute;
bottom: -5px;
left: 0;
object-fit: contain;
height: 200px;
width: 134px;
}
}
@media(max-width:768px){
.has-inline-mobile-toggle .mobile-menu-control-wrapper{
margin-right:0;
order:-1;
}
button.menu-toggle{
padding-right:0;
}
button.menu-toggle svg {
fill: #fff;
font-size: 30px;
padding-right: 0;
}
.nav-float-right .header-widget {
text-align: left;
position: absolute;
left: 32px;
top: 7px;
}
.site-header a:not([rel="home"]){
font-size: 16px;
}
.site-branding {
display: none;
}
.sub-menu {
position: absolute;
width: 130px;
left: 30px;
}
.home section:not(.reccomendations) ul{
flex-direction: column;
align-items: center;
}
.home section h2{
margin-bottom: 50px;
}
.home section.reccomendations h2 {
top: 30px;
margin-bottom: 0;
font-size: 23px;
font-weight: 500;
}
section.reccomendations:before {
height: 65%;
}
section.reccomendations h2:before {
height: 350%;
bottom: -30px;
}
.recco_outer{
margin-top:60px;
}
.home .recco_wrap{
width:90%;
}
a.recco_prevt{
left:15px;
}
a.recco_nextt{
right:15px;
}
.recco_outer >a span{
width: 20px;
height: 20px;	
}
li.course, li.box,.info_courses{
width:95%;
}
.recco_images {
justify-content: space-between;
flex-direction: column;
gap: 10px;
align-items: center;
}
.recco_images img {
top: 50%;
position: relative;
transform: translate(0, -50%);
min-width: 65%;
}
}
@media(max-width:650px){
section.reccomendations:before {
height: 75%;
}	
button#play_pause_toggle {
order: 1; }
button#mute-toggle {
order: 2; }
button#backward10 {
order: 3; }
button#forward30 {
order: 4; }
button#speed-toggle {
order: 6; }
button#cc-toggle{
order:5;
}
button#expand {
order: 7;
}
div.timer{
order:10;
width:100%;
}
section#courses h2 img{
width:75px;
}
.courses_wrap {
max-width: 100%;
}
.courses_wrap {
max-width: 100%;
}
}
@media(max-width:550px){
.single-course .is-left-sidebar .inside-left-sidebar{
flex-direction: column;
}
.single-course div#course_progress_text {
color: var(--contrast);
position: relative;
top: 0;  font-size: 15px;
font-weight: 600;
padding-right: 5px;
padding-top: 20px;
}
.footer-widgets-container {
padding-right: 0px;
padding-left: 0px;
}
.right{
width: 100%;
padding: 30px 10px;
margin-bottom: 60px;
}
div.wpcf7 input, div.wpcf7 textarea {
width: 100%;
max-width: none;
margin-right: 0;
margin-top: 0;
}
input.wpcf7-form-control.wpcf7-submit {
right: 0;
left: 0;
margin-right: 0;
}
.left:before {
width: 150px;
height: 200px;
top: -280px;
right: auto;
left: 63px;
padding: 18px 30px;
font-size: 15px;
}
.left img{
height: auto;
max-height: 200px;
}
.middle{
width:49%;
margin-right:1%;
}
.contact_info p {
font-size: 16px;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
margin-bottom: 80px;
box-shadow: 0px 0px 3px 0px #607D8B;
border-radius: 10px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
margin-bottom: 15px;
margin-right: 5px;
margin-top: 0 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
padding-right: 5px;  
}
}
@media(max-width:450px){
section.reccomendations:before {
height: 67%;
}
.site-footer .left:before {
top: -300px;
left: 55px;
}
}