@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;}





}