@media all and (max-width : 1199px) { .container{width: 970px;} .sch_intro{min-height: 1000px;} .bridge_intro{min-height: 730px;} } @media all and (max-width : 991px) { .logo{text-align: center;padding:20px 15px;} .logo img{width: auto;height: 60px;} .section{padding: 40px 0;} .container{width: 760px;} .set_1{padding: 0 15px;} .set_1 .fr{width: 100%;} .set_1 img{width: 100%;} .set_1_heading{left: 30px;} .set_1_heading .title{font-size: 40px;} .content h2,.text_section h2,h2.section_head{font-size: 26px;} .img_text_over,.text_section{padding: 0 15px;} .img_text_over img{ width: 100%; height: auto; } .content{position: relative; left: 0; top: auto; float: left; width: 100%; margin-top: -5px; padding: 20px; background-color: rgba(255,255,255,1); } .sch_intro{min-height: auto;} .bridge_intro{min-height: auto;} .director_img{float: left;text-align: center;width: 100%;} .section_head{text-align: center;} .director{width: 100%;padding: 0 15px;float: right;} .program{width: 50%;margin-bottom: 30px;} .row_program{margin: 0;} .program .program_content h3{font-size: 16px;} /*footer*/ .footer_text,.footer_qr,.rights .container{padding: 0 15px;} .footer_text img{height: 45px;} .footer_qr img{height: 100px;} .videoactive{height: 600px;} } @media all and (max-width : 767px) { .section{padding: 15px 0;} .logo{padding: 15px;} .logo img{width: auto;height: 50px;} .set_1{margin: -20px 0;padding: 0;} .set_1_heading{left: 15px;} .set_1_heading .title{font-size: 32px;} .container{width: 100%;} .content p,.text_section p, .director p{font-size: 15px;} .director_img img{width: auto;height: 300px} /*footer*/ .footer_text,.footer_qr{width: 100%;text-align: center;} .footer_qr{margin-bottom: 20px;} .rights{text-align: center;font-size: 12px;} .tabOption button{ margin: 0 25px 25px 25px; } } @media all and (max-width : 500px) { .logo{padding: 10px;} .logo img{width: auto;height:40px;} .set_1_heading .title{font-size: 25px;letter-spacing: 0;margin:3px 0;} .content h2,.text_section h2,h2.section_head{font-size: 22px;} .text_section h2{margin-top: 20px} .text_section h3{font-size: 18px;} .content{padding: 15px;} .program{width: 100%;} .program .program_content i{font-size: 60px;} .program .program_content h3{height: auto;margin-top: -10px;} footer {font-size: 14px;line-height: 1.6;} .footer_text img{height: 35px;} .videoactive{height: 420px;} } @media all and (max-width : 350px) { }