@media only screen and (min-width: 1025px) and (max-width: 1200px) { .wrapper { max-width: 1000px; } header { padding: 0 30px;} } @media only screen and (min-width: 992px) and (max-width: 1024px) { .wrapper { max-width: 950px; } header { padding: 0 30px;} .banner .big_logo { display:none;} a.scroll_for_more { background-position: center 35px; bottom: 15px; font-size: 12px; height: 55px; line-height: 12px; padding: 6px 2px 0; right: 15px; width: 50px; font-size:12px; line-height:12px;} .desc_sec .details { width: 75%;} .desc_sec .serial { width: 20%; max-width:170px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { p { font-size: 16px; line-height: 23px;} .wrapper { max-width: 740px; } header { padding: 0 20px;} .banner .big_logo { display:none;} a.scroll_for_more { background-position: center 35px; bottom: 15px; font-size: 12px; height: 55px; line-height: 12px; padding: 6px 2px 0; right: 15px; width: 50px; font-size:12px; line-height:12px;} .intro_sec h3 { font-size: 40px; line-height: 44px; padding: 0 0 15px;} .intro_sec p { padding: 0 10% 20px; font-size: 15px; line-height: 21px; } .expert_row .expert_col { margin: 30px 10px 20px; width: 227px; min-height: 395px;} .expert_row .expert_col figure { min-height: 227px; } .expert_row .expert_col span.expert_name { font-size: 19px; line-height: 23px;} .expert_row .expert_col p { font-size: 14px;} .desc_sec .serial { font-size: 140px; line-height: 140px; max-width: 140px; width: 19%;} .desc_sec .details { width: 78%;} .desc_sec .details h3 { font-size: 34px; line-height: 38px;} .desc_sec .details h3 span { font-size: 16px; line-height: 16px;} .desc_sec .details ul.social { margin-top: 10px;} .media_sec .left_col { width: 48%;} .media_sec .right_col { width: 48%;} .bottom_content h3 { font-size: 55px; line-height: 55px;} .bottom_content h4 { font-size: 44px; line-height: 44px;} .bottom_content ul li { margin: 0 30px 0 0; } .bottom_content ul li a { font-size: 80px; line-height: 80px; padding: 0 50px 0 0;} .bottom_content p { font-size: 15px; line-height: 21px;} } @media only screen and (max-width: 767px) { p { font-size: 16px; line-height: 23px;} .wrapper { padding:0 15px; } #layout { padding-top: 0 !important; } header { padding: 0 15px; position:relative;} .banner .big_logo { display:none;} a.scroll_for_more { background-position: center 35px; bottom: 15px; font-size: 12px; height: 55px; line-height: 12px; padding: 6px 2px 0; right: 15px; width: 50px; font-size:12px; line-height:12px;} .col_1 { padding: 25px 0;} .intro_sec h3 { font-size: 40px; line-height: 44px; padding: 0 0 15px;} .intro_sec p { padding: 0 4% 20px; font-size: 15px; line-height: 21px; } .expert_row .expert_col { margin: 20px 10px 15px; min-height: 415px; width: 250px;} .expert_row .expert_col figure { min-height: 250px; } .expert_row .expert_col span.expert_name { font-size: 16px; line-height: 20px;} .expert_row .expert_col p { font-size: 14px;} .desc_sec .serial { font-size: 120px; line-height: 124px; max-width: 140px; width: 19%;} .desc_sec .details { width: 78%;} .desc_sec .details .heading_bar { min-height: auto; padding: 15px 0 0; } .navigation.fixed { position: relative; } .desc_sec .details h3 { font-size: 26px; line-height: 26px; } .desc_sec .details h3 span { font-size: 15px; line-height: 15px;} .desc_sec .details ul.social { margin-top: 0px;} .media_sec .left_col { width: 48%;} .media_sec .right_col { width: 48%;} .bottom_content{ padding:20px 0 0;} .bottom_content h3 { font-size: 45px; line-height: 45px;} .bottom_content h4 { font-size: 36px; line-height: 36px;} .bottom_content ul li { margin: 0 30px 0 0; } .bottom_content ul li a { font-size: 60px; line-height: 60px; padding: 0 50px 0 0;} .bottom_content p { font-size: 15px; line-height: 21px;} footer { padding: 15px 0;} } @media only screen and (max-width: 666px) { header{ padding-bottom:40px;} header a.logo { position:absolute; left:0; bottom:5px; margin: 0; width: 100%; border-top:0px solid #fff; padding:0 0 0 20px;} header a.logo img{width:134px;} header ul.social { margin: 20px 0 0;} .intro_sec h3 { font-size: 36px; line-height: 40px;} .intro_sec p { padding: 0 0 20px;} .fadeInUp { opacity: 1 !important; transform: translateY(0px) !important; } .fadeInUp.go { animation-name:none !important } .expert_row .expert_col { margin: 20px 5px 15px; min-height: 365px; width: 200px;} .expert_row .expert_col figure { min-height: 200px; } .desc_sec .serial { max-width: 140px; width: 100%;} .desc_sec .details { width: 100%;} .desc_sec .serial { font-size: 80px; line-height: 80px; max-width: 100px; letter-spacing:-6px;} .desc_sec .details .heading_bar { padding: 10px 0;} .desc_sec .details h3 { font-size: 26px; line-height: 30px; max-width: 100%; width: 100%; } .desc_sec .details h3 span { font-size: 14px; line-height: 14px;} .desc_sec .details ul.social { float: left; margin-top: 5px; width: 100%;} .navigation.fixed { position: relative; top: 0; } .media_sec{ text-align:center;} .media_sec .left_col { display:inline-block; vertical-align:top; float:none; width: 100%; max-width:450px;} .media_sec .right_col { display:inline-block; vertical-align:top; float:none; width: 100%; max-width:450px; margin-top:20px;} .bottom_content h3 { font-size: 38px; line-height: 38px;} .bottom_content h4 { font-size: 32px; line-height: 32px;} .bottom_content ul li { background-size: 25px auto; margin: 0 15px 0 0; } .bottom_content ul li a { font-size: 46px; line-height: 46px; padding: 0 35px 0 0;} a.back_to_top { bottom: 60px;} } @media only screen and (max-width: 480px) { p { font-size: 15px; line-height: 21px;} header ul.social { display: none;} header a.logo {text-align:left} header ul.social li { margin-left: 6px;} header ul.social li:first-child { margin-right: 2px; padding-right: 8px;} ul.menu li { padding: 0 4px 0 11px;} ul.menu li a { font-size: 16px; line-height: 26px; letter-spacing:0;} .col_1 { padding: 20px 0;} .intro_sec h3 { font-size: 27px; line-height: 31px; padding: 0 0 10px;} .intro_sec p { font-size: 14px;} .expert_row .expert_col { margin: 20px 0 15px; min-height: auto; width: 245px;} .expert_row .expert_col figure { min-height: 245px;} .bottom_content h3 { font-size: 28px; line-height: 28px;} .bottom_content h4 { font-size: 24px; line-height: 24px;} .bottom_content ul { padding: 0 0 15px;} .bottom_content ul li { margin: 0 3px 0 0; background-size: 20px auto;} .bottom_content ul li a { font-size: 31px; line-height: 31px; letter-spacing:0; padding: 0 38px 0 0;} .bottom_content p { font-size: 14px;} }