@media all and (max-width : 1250px) { .nav a, .nav a:active, .nav a:hover, .nav a:visited{margin:0 20px;} .container {width: 990px;} .about_content h2{margin-top: 0 !important;} .about_content p{font-size: 16px;} .newsslider p{font-size: 16px;} footer{padding-top: 30px;} /*about*/ .nexttomapImg{width: 25%;} .aboutusmap .showmap{width: 75%;} .aboutTab .sidetab{width: 40%;} .tab_content{width: 60%;} /*service*/ .service_plan .plan_box{width: 33.33%;margin-bottom: 30px;} /*tips*/ .tips_tab a {width: 130px;padding: 20px 0;} /*contacts*/ .contactsmap,.contactsmap #map{min-height: 450px;} .contacts_image_box{width: 30%;} .contacts_servicetime{width: 36%} .contacts_contactdata{width: 34%} .contacts_servicetime .details, .contacts_contactdata .details{ padding: 20px 15px; } .dateTime table tr td{padding: 10px 0;font-size: 14px;} .contacts_contactdata .icon i{font-size: 35px;} .contacts_contactdata .icon{margin-right: 10px;} .contacts_contactdata .data{font-size: 16px;} .contacts_servicetime .dateTime,.contacts_contactdata .details{height: 250px;} .process{min-height: 190px;} } @media all and (max-width : 991px) { .container {width: 100%;} .logo{float: none;margin:0 auto;width: 180px;display: block;} .header .logo img{height: auto;width: 100%;} .nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{ display:block } .nav{width: 100%;top: 0;} .nav ul,.nav ul ul{background: #460082;} .nav a, .nav a:active, .nav a:hover, .nav a:visited{ padding: 10px 16px;background-color: transparent;color: #fff; margin:0; } .nav li.nav-active>a, .nav li:hover>a{background-color: #460082;color: #fdd454;} .nav .nav-submenu>ul{background-color: #30005a;} .nav .nav-submenu>ul a{padding-left:30px} .nav .nav-submenu>ul a:hover{padding-left:30px;background-color: transparent;} .nav .nav-submenu>a:after{top:13px;} .header{width: 100%;padding: 5px 0 0 0;min-height: 65px;} .header .container{padding: 0} .nav ul li.active a{border-bottom: 0;color: #fdd454;} /*homepage*/ .slider .slide .title{font-size: 60px;letter-spacing: 2px;} .borderTitle_30,.borderTitle_30fff,.font-30,.tips_content .lvTitle{font-size: 26px !important;} .homeservice{padding: 30px 0;} .homeservice .service_box .item{top: 0;margin-bottom: 0;} .homeservice .service_box{width: 50%; margin-bottom: 30px;} .homeservice .service_box .item h3{font-size: 16px;} .service_desc .fr{float: left;width: 100%;margin:15px 0;} .homeabout{padding: 25px 0;} .about_content{width: 100%;margin-bottom: 30px;} .about_content:last-child{margin: 0;} .newsslider,.homecontacts{padding: 30px 0;} .homemap,.mapcontacts{width: 100%;} .mapcontacts{margin-bottom: 10px;} .homemap #map{min-height: 300px;} .subbanner img{min-height: 200px;} /*about*/ .aboutintro .intro,.aboutintro .serviceItems{width: 100%;} .aboutintro .intro .details{width: 47%;} .aboutintro .serviceItems .itemlist{ top: auto;margin-bottom: 0; margin-top: 15px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding: 20px; background-color: #f5f5f5; } /*about*/ .nexttomapImg{display: none;} .aboutusmap .showmap{width: 100%;} .sidetab a{font-size: 16px;} /*service*/ .service_intro{padding: 30px 0;} .service_intro .col_50{width: 100%;margin-bottom: 15px;} .btn-toolbar{display: block;} /*tips*/ .tips_tab a {width: 15%;} /*contacts*/ .contacts_image_box{display: none;} .contacts_servicetime{width: 50%} .contacts_contactdata{width: 50%} .contacts_servicetime .dateTime,.contacts_contactdata .details{height: 240px;} .contacts_image_box, .contacts_servicetime, .contacts_contactdata{margin-top: 15px;} /*service table*/ .fixed{display: none !important;} .tableOption{display: block;} .table_plan td:nth-child(6),.table_plan th:nth-child(6), .table_plan td:nth-child(7),.table_plan th:nth-child(7) { display:none; } .tableOption button:nth-child(1),.tableOption button:nth-child(2), .tableOption button:nth-child(3),.tableOption button:nth-child(4), .tableOption button:nth-child(5),.tableOption button:nth-child(6){ background-color: #eee; color: #888; } .process_box{width: 100%;margin-bottom: 50px;} .process{min-height:auto;} .process .arrow{ left: 50%; top: auto; transform: translate(-50%, 0); bottom: -35px; width: 27px; height: 20px; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } } @media all and (max-width : 767px) { /*homepage*/ .slider .slide .title{font-size: 50px;padding: 15px;} .borderTitle_30,.borderTitle_30fff,.font-30,.tips_content .lvTitle{font-size: 24px !important;} .oversea p{font-size: 15px;} .footerlogo img{height: 60px;} .footer_links .link{margin:0 15px;} .copyright{font-size: 12px;} /*subpage*/ .aboutintro,.service_intro,.contact_details{padding: 20px 0;} .news_story h2{margin-top: 0 !important;} .tips_container{margin-top: 20px;} /*about*/ .aboutintro .intro .details{width: 100%;} .aboutintro .intro .details:first-child{border:0;} .medicalTeam .team_box{width: 100%;} .medicalTeam .team_box .teamItem .details{min-height: auto;} .aboutTab .sidetab{width: 100%;} .tab_content{width: 100%;margin-top: 20px;} .sidetab a{display: inline-block;margin:0 5px 5px 0} /*service*/ .service_plan_container{margin-top: 10px;} .service_plan{padding: 10px 0;} .service_plan .plan_box{width: 50%;margin-bottom: 30px;} .service_plan .plan_box .item img{margin-bottom: 10px;} .service_plan .plan_box .item{padding: 30px 0;} /*news*/ .eqWrap{margin:0;} .story_box{width: 100%;margin: 0 0 30px 0;} /*tips*/ .tips_tab a { width: 33.33%;padding: 20px 0; font-size: 15px;margin-bottom: 30px; float: left;margin:0; } .tips_tab a:after {border-width: 0;margin-left:0px;} .tips_tab a i{font-size: 35px;} .tips_tab a:hover{color: #fff;background-color: #3f0075;border:2px solid #3f0075;} .qna h2{font-size: 20px;} .qna { margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px; } /*service table*/ .table_plan td:nth-child(4),.table_plan th:nth-child(4), .table_plan td:nth-child(5),.table_plan th:nth-child(5) { display:none; } .subbanner img{min-height: 150px;} } @media all and (max-width : 700px) { /*contacts*/ .contactsmap,.contactsmap #map{min-height: 300px;} .contacts_servicetime,.contacts_contactdata,.contactform .col_50,.form_row input[type="submit"]{width: 100%;} .contactform{margin-top: 25px;} .form_row input[type="submit"]{padding: 15px 0;} } @media all and (max-width : 540px) { /*homepage*/ .slider .slide .title{font-size: 32px; padding: 10px;} .homeservice .service_box{width: 100%;} .footerlogo img{height: 50px;} .footer_links{margin: 10px 0;} .footer_links .link{margin:8px 0;width: 100%;} .footer_links .media{margin: 15px 0;} .media .link{width: auto;} /*service*/ .service_plan .plan_box{width: 100%;margin-bottom: 30px;} .table_plan td:nth-child(3),.table_plan th:nth-child(3) { display:none; } .tableOption button:nth-child(1),.tableOption button:nth-child(2), .tableOption button:nth-child(3),.tableOption button:nth-child(4), .tableOption button:nth-child(5),.tableOption button:nth-child(6){ background-color: #eee; color: #888; } .slick-prev{left: 0;} .slick-next{right: 0;} /*contacts*/ .contactsmap,.contactsmap #map{min-height: 270px;} }