ikan Uploader :
Directory : /var/www/html/shardahospital_old.org/assets/css/
Upload File : |
| Current File : /var/www/html/shardahospital_old.org/assets/css/responsive.css |
@media (min-width:1200px){
.common{width:1170px; margin:auto; position:relative;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}
.services_pd {
padding-left:0;
padding-right:0;
}
.services_pr {
padding-right:0;
}
.services_pl {
padding-left:0;
}
.carousel-control.right {
margin-right:-15px;
}
.health-care p {
width: 600px;
margin: auto;
}
#home_testimonials .testimonials_box {
padding: 65px 65px 50px 65px;
}
.topnav a {
float: none;
display: inline;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
}
#subscribe_newsletter h3 {
padding:0 350px;
}
#subscribe_newsletter form input {
width: 40%;
}
#about_us h2 {
margin-top: 80px;
}
#our_vision h2{
text-align: right;
}
#our_leadership p {
padding: 0 200px;
}
#identity h2 {
text-align: right;
margin-top: 5px;
}
#identity .line {
margin-top: 25px;
float: right
}
#identity img {
float: right
}
.identity-margin {
margin-top: 60px;
}
#sticky li a, #sticky1 li a {
padding-left: 0;
}
#coe .pdlft {
padding-left: 0;
}
#coe .pdrgt {
padding-right: 0;
}
#coe .left-box {
padding: 30px 75px;
}
#coe .right-box {
padding: 30px 75px;
}
.top-story span.img {
height: 430px;
}
.patient_stories span.img {
height: 480px;
}
.message_dr .width {
padding: 0 250px;
}
.result_found {
text-align: right;
}
.search_result p.width {
width: 230px;
margin-bottom: 0;
}
.search_result .margin {
margin-top: 15px;
}
.btn_orange {
float: right;
margin-top: 32px
}
#contact_us {
width: 820px;
margin: auto;
}
.electronic_media p {
height: 80px;
}
ul.storybox {
margin-top: 25px
}
.facilities p {
height: 62px;
}
.news_top h4 {
width: 280px;
}
.news_top p {
height: 180px;
}
#other_media p {
padding: 0 80px;
}
#cme_patient_education p {
width: 600px;
}
.medical_package {
padding: 40px 100px 40px 40px; /*45px 100px 65px 40px; */
margin-left: -50px;
}
.medical_package2 {
margin-right: -50px;
margin-left: 0;
position: relative;
z-index: 9999
}
#medical_package span{
height: 328px;
}
.medical_package h2 {
height:auto;
margin-bottom:10px;
}
.medical_package p {
height: auto;
}
.media_list h5 {
width: 300px;
}
.pre_treatment .center {
margin-top: 60px;
}
.v_center {
margin-top: 115px;
}
.pre_treatment .width {
height: 450px;
width: 80%;
}
.pre_treatment p.height {
/* height: 85px;*/
}
.pre_treatment p.height1 {
height: 105px;
}
#testimonials_international p {
padding: 0 200px 25px 200px;
}
.speciality_four p {
height: 85px;
}
.speciality_six h4 {
width: 350px;
height: 62px;
}
.speciality_six p {
height: 65px;
}
.speciality_twelve .color-change {
padding-left: 650px;
padding-right: 150px
}
.patients_visitors h2 {
font: 46px 'Raleway-Bold';
color: #f47436;
}
.pdlft {
padding-left: 0;
}
.pdrgt {
padding-right: 0;
}
.patients_visitors1 h4, .patients_visitors2 h4 {
width: 230px;
height: 41px;
}
#three_box h4 {
height: 42px;
overflow: hidden;
}
#three_box p {
height: 65px;
overflow: hidden;
}
}
@media (min-width:992px) and (max-width:1199px){
}
@media screen and (max-width: 1024px) {
.topPart > .common > .menupart{width:50%;}
.singalMnubar > .common{width:100%;}
.singalMnubar > .common > ul.inerMnuSingle{width:740px;}
.singalMnubar > .common > ul.inerMnuSingle > li{width:25%; text-align:center;}
.singalMnubar > .common > ul.inerMnuSingle > li > a{padding:10px 0;}
#mainSlider .itemContent > h1{font-size:40px; line-height:40px;}
#smalMainSlider{width:450px;}
.madical_intPatie > .common > .inerInt_patie ul li{width:49%; float:left; display:block; margin:5px .5%; border:none;}
#testimonial_madical .item{width:360px;}
.subscribe > .common > .inersubscrib{width:100%;}
.shardHistory > .dtlHist{width:400px; height:110px;}
.dtl01, .dtl02, .dtl03, .dtl04{width:100%;}
}
@media (min-width:768px) and (max-width:991px){
/*styles for mobile*/
#ddmenu .column_menu.mayHide {
display:none;
}
/*override the original settings*/
#ddmenu ul {
width: cc;
display: none;
border-radius:0;
}
#ddmenu li {
position:relative;
display:block;
text-align:left;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-radius:0;
}
#ddmenu .full-width {
position:relative;
}
#ddmenu .dropdown {
position:relative;
*top:auto;/*for IE7*/
border:none;
border-radius:0;
box-shadow:none;
background-color:#FFF;
}
#ddmenu .offset300 {
left:0;
}
#ddmenu .full-width .dropdown{
width:auto;
}
#ddmenu .dd-inner
{
margin:0;
background:none;
text-align:left;
}
/*turn each column to list vertically instead of horizontally */
#ddmenu .column_menu {
width:auto;
padding:0;
border:none;
display:block;
}
/*move the arrow icon to right*/
#ddmenu .caret {
position:absolute;
left:auto;
right:14px;
top: 19px;
border-width:5px;
}
/* All the following are for the .menu-icon (pure CSS) */
#ddmenu .menu-icon {
font-size:32px;/*icon size*/
display: block;
position: relative;
width: 40px;
height:36px;
text-align:center;
cursor: pointer;
-moz-user-select:none;
-webkit-user-select: none;
background-color: #666;
border-radius: 3px;
margin-bottom:6px;
/*align the icon to the right*/
margin-left: auto;
margin-right: 11px;
}
#ddmenu .menu-icon::before {
content: "";
position: absolute;
top: 0.25em;
left: 4px;
width: 1em;
height: 0.125em;
border-top: 0.375em double #F1F1F3;
border-bottom: 0.125em solid #F1F1F3;
box-sizing: content-box;
}
#ddmenu .menu-icon-active {
background-color: #F1F1F3;
}
#ddmenu .menu-icon-active::before {
border-color: #666;
}
/*header-css-end*/
.header_tab ul li {
font-size: 10pt;
padding: 11px 19px;
}
.ourJourney .common > .leftjourney > h2{text-align:center;}
}
@media (min-width: 992px ) {
.carousel-inner .active.left { left: -33.7%; }
.carousel-inner .next { left: 33.7%; }
.carousel-inner .prev { left: -33.7%; }
}
@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
.active > div:first-child + div { display:block; }
}
@media (max-width:767px){
.carousel-inner .active.left { left: -100%; }
.carousel-inner .next { left: 100%; }
.carousel-inner .prev { left: -100%; }
.active > div { display:none; }
.active > div:first-child { display:block; }
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){
}
@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:landscape){
}
@media (max-width:800px){
.ourJourney .common > .leftjourney{width:100%; float:left;}
.ourJourney .common > .leftjourney > h2{text-align:left;}
.ourJourney .common > .rightjourney{width:100%; float:left; margin:60px 0 0 0; padding:0;}
.ourJourney .common > .rightjourney > p{width:100%;}
.shardHistory{width:94%; margin:50px auto 0 auto;}
}
@media (max-width:768px){
.topPart > .common > .languagbox{float:right;}
.topPart > .common > .menupart{width:100%;}
.column{top:206px;}
.column{top:106px;}
/*styles for mobile*/
#ddmenu .column_menu.mayHide {
display:none;
}
/*override the original settings*/
#ddmenu ul {
width: cc;
display: none;
border-radius:0;
}
#ddmenu li {
position:relative;
display:block;
text-align:left;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-radius:0;
}
#ddmenu .full-width {
position:relative;
}
#ddmenu .dropdown {
position:relative;
*top:auto;/*for IE7*/
border:none;
border-radius:0;
box-shadow:none;
background-color:#FFF;
}
#ddmenu .offset300 {
left:0;
}
#ddmenu .full-width .dropdown{
width:auto;
}
#ddmenu .dd-inner
{
margin:0;
background:none;
text-align:left;
}
/*turn each column to list vertically instead of horizontally */
#ddmenu .column_menu {
width:auto;
padding:0;
border:none;
display:block;
}
/*move the arrow icon to right*/
#ddmenu .caret {
position:absolute;
left:auto;
right:14px;
top: 19px;
border-width:5px;
}
/* All the following are for the .menu-icon (pure CSS) */
#ddmenu .menu-icon {
font-size:32px;/*icon size*/
display: block;
position: relative;
width: 40px;
height:36px;
text-align:center;
cursor: pointer;
-moz-user-select:none;
-webkit-user-select: none;
background-color: #666;
border-radius: 3px;
margin-bottom:6px;
/*align the icon to the right*/
margin-left: auto;
margin-right: 11px;
}
#ddmenu .menu-icon::before {
content: "";
position: absolute;
top: 0.25em;
left: 4px;
width: 1em;
height: 0.125em;
border-top: 0.375em double #F1F1F3;
border-bottom: 0.125em solid #F1F1F3;
box-sizing: content-box;
}
#ddmenu .menu-icon-active {
background-color: #F1F1F3;
}
#ddmenu .menu-icon-active::before {
border-color: #666;
}
/*header-css-end*/
#smalMainSlider{display:none;}
#mainSlider .itemContent{width:300px; height:100%; position:absolute; bottom:0; left:0; background:rgba(255,255,255,.8);}
#mainSlider .itemContent > h1{width:auto; float:left; padding:10px 0 0 10px; font-size:30px; line-height:30px; margin:100px 0 0 0;}
#mainSlider .itemContent > p{width:auto; float:left; padding:10px 0 0 10px;}
#mainSlider .itemContent > a{float:left; padding: 0 10px 0 10px; margin:20px 0 0 0;}
#mainSlider .itemImg{width:100%; float:left;}
footer::before {
height: 0px;
}
footer h5 {
margin-bottom: 0px;
border-bottom: 1px solid #595959;
}
#sticky ul, #sticky1 ul {
display: none;
background: #f47436;
margin-left: -15px;
margin-right: -15px;
}
#sticky li, #sticky1 li {
width: 100%;
}
#sticky li a, #sticky1 li a {
padding: 0 30px;
}
.nav-mobile {
display: inline-block;
height: 50px;
line-height: 50px;
z-index: 999;
background: #f47436;
color: #fff;
}
#coe .pdlft {
padding-left: 0;
}
#coe .pdrgt {
padding-right: 0;
}
.text_health {
font: 18px 'Raleway-bold';
}
.health_pack span {
height: auto
}
.result_found {
text-align: right;
}
.btn_orange {
float: right;
}
/*404*/
.error {
background:url(../images/error.png) no-repeat;
background-size: 100%;
background-position: center -85px;
}
.error_four h1 {
font: 24vw/26vw 'Montserrat';
padding-top: 0;
position: relative;
letter-spacing: 15px;
}
.error .circle2 {
width: 165px;
height: 165px;
display: block;
border-radius: 50%;
margin: 0 auto;
background: #f45a36;
position: absolute;
top: 25px;
left:0;
right:10px;
text-align: center
}
.error .circle2 h2 {
font: 15vw/16vw 'Montserrat';
color: #fff;
margin: 18px 0 0 0;
}
/*404*/
.medical_package {
background: #f8eee3;
padding: 30px 55px 42px 40px;
margin-top: 0;
}
.medical_package h2 {
font: 18px/20px 'Raleway-Bold';
}
.medical_package h3 {
font: 18px/20px 'Raleway-Bold';
}
.medical_package .button {
padding: 10px 30px;
}
.pre_treatment .center {
margin: 60px auto 0 auto;
}
.v_center {
margin-top: 125px;
}
.speciality_six h4 {
font: 18px 'Raleway-Bold';
}
.speciality_six .color-change {
padding: 25px 20px 0 20px;
}
.speciality_twelve .color-change {
padding-left: 400px;
padding-right: 50px;
}
.patients_visitors1 h4, .patients_visitors2 h4 {
width: 230px;
height: 45px;
}
.pdlft {
padding-left: 15px;
}
.pdrgt {
padding-right: 15px;
}
.tab_gallery li {
display: inline;
font-size: 12px;
padding: 0 10px;
}
}
@media (min-width: 769px) {
#sticky ul, #sticky1 ul {
display: block !important;
}
}
@media (max-width:640px){
.scrollUp > a{width:40px; height:40px;}
.scrollUp > a svg{width:24px; height:24px;}
.bannerBox > .common > .inerBann{height:auto;}
.inervistoBar ul li{width:30%; float:left; margin:0 10%;}
.inervistoBar ul li:last-child{margin: 0 10%;}
.madical_health_care > .common > .iner_health_care > h2,
.expert_Doc > .common > .iner_exp_dr > h2,
.patient_story > .common > .iner_story > h2,
.testimonialBox > .common > .inertestimo > h2,
.health_package > .common > .iner_hlth_pck > h2,
.media_Lib > .common > .inermedia_Lib > h2{width:90%; }
#expertDoctor .item span{height:auto;}
#expertDoctor .item span img{width:150px;}
#packageOfHealth .item{width:90%;}
.madical_health_care > .common > .iner_health_care > p,
.expert_Doc > .common > .iner_exp_dr > p,
.patient_story > .common > .iner_story > p,
.testimonialBox > .common > .inertestimo > p,
.health_package > .common > .iner_hlth_pck > p,
.media_Lib > .common > .inermedia_Lib > p{width:90%; }
.iner_health_care > .page_Btn > a,
.iner_exp_dr > .page_Btn > a,
.iner_story > .page_Btn > a,
.iner_hlth_pck > .page_Btn > a,
.inermedia_Lib > .page_Btn > a{top:20px; right:0;}
ul.storybox > li span{height:140px;}
ul.storybox > li h3,
ul.storybox > li p{height:auto;}
.updatNews,
.blogBox{width:100%;}
.blogBox > ul li{width:45%; margin:0 5% 20px 0;}
.subscribe > .common > .inersubscrib > form{width:80%;}
#expertDoctor .item span{height:auto;}
#expertDoctor .item span img{width:150px;}
.topnav {
padding: 0;
}
footer::before {
height: 0px;
}
footer h5 {
margin-bottom: 0px;
border-bottom: 1px solid #595959;
}
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav {
padding: 0;
}
#our_vision .width_mobile {
width: 50%
}
#breadcrumbs h1 {
font-size: 30px;
}
#meet-doctor_page .width {
width: 50%
}
}
@media (max-width:480px){
.topPart > .common > .logo{width:138px;}
.topPart > .common > .menupart .boxmenu > ul > li{font-size:10px;}
.topPart > .common > .menupart .boxmenu > ul > li svg{width:30px; height:30px;}
/*styles for mobile*/
#ddmenu .column_menu.mayHide {
display:none;
}
/*override the original settings*/
#ddmenu ul {
width: cc;
display: none;
border-radius:0;
}
#ddmenu li {
position:relative;
display:block;
text-align:left;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-radius:0;
}
#ddmenu .full-width {
position:relative;
}
#ddmenu .dropdown {
position:relative;
*top:auto;/*for IE7*/
border:none;
border-radius:0;
box-shadow:none;
background-color:#FFF;
}
#ddmenu .offset300 {
left:0;
}
#ddmenu .full-width .dropdown{
width:auto;
}
#ddmenu .dd-inner
{
margin:0;
background:none;
text-align:left;
}
/*turn each column to list vertically instead of horizontally */
#ddmenu .column_menu {
width:auto;
padding:0;
border:none;
display:block;
}
/*move the arrow icon to right*/
#ddmenu .caret {
position:absolute;
left:auto;
right:14px;
top: 19px;
border-width:5px;
}
/* All the following are for the .menu-icon (pure CSS) */
#ddmenu .menu-icon {
font-size:32px;/*icon size*/
display: block;
position: relative;
width: 40px;
height:36px;
text-align:center;
cursor: pointer;
-moz-user-select:none;
-webkit-user-select: none;
background-color: #666;
border-radius: 3px;
margin-bottom:6px;
/*align the icon to the right*/
margin-left: auto;
margin-right: 11px;
}
#ddmenu .menu-icon::before {
content: "";
position: absolute;
top: 0.25em;
left: 4px;
width: 1em;
height: 0.125em;
border-top: 0.375em double #F1F1F3;
border-bottom: 0.125em solid #F1F1F3;
box-sizing: content-box;
}
#ddmenu .menu-icon-active {
background-color: #F1F1F3;
}
#ddmenu .menu-icon-active::before {
border-color: #666;
}
/*header-css-end*/
.madical_intPatie > .common > .inerInt_patie ul li{width:100%;}
.madical_intPatie > .common > .inerInt_patie ul li{margin:5px 0;}
#mainSlider .itemContent{width:100%; padding:0 10px;}
#mainSlider .itemContent > h1{margin:60px 0 0 0;}
#mainSlider .itemImg{height:360px;}
.header_tab ul li {
font-size: 7pt;
padding: 11px 12px;
}
.header_tab p {
width: 61px;
}
.mobile_bg {
background: #f45a36;
}
.topnav {
padding: 0;
}
footer::before {
height: 0px;
}
footer h5 {
margin-bottom: 0px;
border-bottom: 1px solid #595959;
}
.shardHistory > .dtlHist{width:100%; height:170px;}
.dtl01 > span,
.dtl02 > span,
.dtl03 > span,
.dtl04 > span{width:100%; float:left;}
.dtl01 > .para,
.dtl02 > .para,
.dtl03 > .para,
.dtl04 > .para{width:100%; float:left;}
#breadcrumbs h1 {
font-size: 30px;
}
#meet-doctor_page .width {
width: 50%
}
#coe .pdlft {
padding-left: 15px;
}
#coe .pdrgt {
padding-right: 15px;
}
#coe .pdlft div {
background: #f8eee3
}
#coe .pdrgt div {
background: #eee2d5
}
.result_found {
text-align: left;
}
/*404*/
.error {
background:url(../images/error.png) no-repeat;
background-size: 100%;
background-position: center -25px;
}
.error_four h1 {
font: 124px/124px 'Montserrat';
padding-top: 0;
position: relative;
letter-spacing: 15px;
margin-bottom: 0
}
.error .circle2 {
width: 105px;
height: 105px;
display: block;
border-radius: 50%;
margin: 0 auto;
background: #f45a36;
position: absolute;
top: 15px;
left:0;
right:10px;
text-align: center
}
.error .circle2 h2 {
font: 70px/70px 'Montserrat';
color: #fff;
margin: 15px 0 0 0;
}
/*404*/
.electronic_media {
margin-bottom: 25px;
}
.press_release .col-xs-12 {
width: 50%
}
#post_treatment {
padding: 0 0 45px 0;
}
.speciality_six h4 {
font: 18px 'Raleway-Bold';
}
.speciality_six .color-change {
padding: 25px 20px 0 20px;
}
.speciality_twelve .color-change {
padding: 25px 25px 45px 25px;
}
#coe h2 { font-size: 17px}
.tab_gallery li {
display: inherit;
font-size: 14px;
padding: 5px 10px;
}
.filter-button:hover, .filter-button:focus
{
padding-bottom: 5px;
}
}
@media (max-width:360px){
.mobile_bg {
background: #f45a36;
}
.header_tab ul li {
font-size: 7pt;
padding: 11px 5px;
}
.header_tab p {
width: 61px;
}
.health-care p {
width: 300px;
margin: auto;
}
#health_packages .packages-heading {
font-size: 20px;
}
.topnav {
padding: 0;
}
footer::before {
height: 0px;
}
footer h5 {
margin-bottom: 0px;
border-bottom: 1px solid #595959;
}
#leaders img {
height: auto;
}
#leaders .col-xs-6 {width:100%}
#breadcrumbs h1 {
font-size: 30px;
}
#meet-doctor_bottom .col-xs-12 {width: 100%}
#meet-doctor_page .width {
width: 100%
}
}
.sedentaryCare-tr01 {
width: 29%;
color:#066;
font-family: calibri;
}
.fourboxlistcont {
border: 1px solid #e2e2e2;
min-height: 114px;
padding: 15px;
background-color: #fff;
}
@media (max-width:320px){
#health_packages .packages-heading {
font-size: 20px;
}
ul.storybox > li > a.hosBtn {
width: 40px;
height: 40px;
}
.topnav {
padding: 0;
}
footer::before {
height: 0px;
}
footer h5 {
margin-bottom: 0px;
border-bottom: 1px solid #595959;
}
.about_us_bg {
height: 333px;
width: 100%
}
#leaders img {
height: auto;
}
#leaders .col-xs-6 {width:100%}
#breadcrumbs h1 {
font-size: 30px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {
}
/*------------------*/
@media screen and (max-width:1200px){
.singleDrDtl{width:33.30%;}
}
@media screen and (max-width:1100px) {
#meet-doctor_page span.img-height{height:auto; max-height:160px;}
}
@media screen and (max-width:990px){
.singleDrDtl{width:30%;}
}
@media screen and (max-width:767px){
#meet-doctor_page span.img-height{max-height:200px;}
#meet-doctor_page span.img-height img{width:100%;}
}
@media screen and (max-width:650px){
.singleDrDtl{width:45%;}
#meet-doctor_page span.img-height img{width:100%;}
}
@media screen and (max-width:480px){
.singleDrDtl{width:90%;}
}
@media screen and (max-width:360px){
.patients_visitors1 h4,
.patients_visitors2 h4{width:180px;}
}
@media screen and (max-width:320px){
ul.storybox > li > a.hosBtn{padding-top:10px;}
.color-change > ul.storybox > li > a.hosBtn{padding-top:10px;}
.medical_package_detail .main-content ol li{margin:0;}
}
Kontol Shell Bypass