ikan Uploader :
Directory : /var/www/html/shardadiagnostics.in/assets/css/
Upload File : |
| Current File : /var/www/html/shardadiagnostics.in/assets/css/responsive_media.css |
@media screen and (max-width:1200px){
.popular_package > .container,
.callBackBox > .container,
.singlePostBoxes,
.courseOffered .innerOffer,
.whyShardaDiaogna .innerWhySharda,
.footerBox > .container{width:96%;}
.innerOffer > .singleCourse > div{width:25%;}
.innerOffer > .singleCourse > div .singalCourceBOx{height:360px;}
#loginNdJoin .modal-dialog{width:80%;}
p.searchBtn input{padding-right:40px;}
/**--------------**/
.sideBarBox,
.bookingCollection,
.package_Detail_Box,
.breadCrumbBox,
.userPackageDtl,.package_Detail_Box,
.mainAboutUs .aboutUsBox{width:92%;}
/**--------------**/
.pickUpForm{width:70%;}
.checkOutBox{width:96%;}
}
@media screen and (max-width:1100px){
.banner > .innerBann{margin:80px auto 240px auto;}
.fullDtlOfBooking > .testProfile,
.fullDtlOfBooking > .testType{padding: 10px;}
/**--------------**/
.sideBarBox .sidefilters > span > a{margin-right:5px;}
.sideBarBox .sidefilters > ul{padding:0 0 0 10px;}
.sideBarBox .sidefilters > ul li label{font-size:12px;}
/**--------------**/
.genral_Pack_Dtl > ul li{font-size:12px;}
.aboutUsBox ul.aboutLftBox{width:260px;}
.loginNdetcBox .topIcon.welcome span{width:30px; height:30px; line-height:38px; margin:0px 0 0 5px;}
}
@media screen and (max-width:1030px){
.innerOffer > .singleCourse{width:800px; margin:auto;}
.innerOffer > .singleCourse > div{width:50%; margin:0 auto 40px auto;}
/**--------------**/
.memberForm{width:70%; float:left;}
}
@media screen and (max-width:1000px){
.fullDtlOfBooking > .testProfile > h3,
.fullDtlOfBooking > .testProfile > ul{width:100%;position: relative;}
.fullDtlOfBooking > .testProfile > ul > li{width:25%;}
.fullDtlOfBooking > .testType > ul > li:nth-child(odd){width:50%; margin-bottom:10px;}
.fullDtlOfBooking > .testType > ul > li:nth-child(even){width:auto;float: none;margin-bottom:10px;}
/**--------------**/
.packboxPrice{padding:0;}
.allpackages, .confPrice{width:100%; float:left; margin:0 0 20px 0; padding:0;}
.pickUpForm{width:90%;}
h1.mobil_view{display:block;width:100%; display:inline-block;padding:20px; margin:0; background-color:#8EC9E5; color:#fff; font:14px 'Lato-Regular';}
h1.destop_view{display:none !important;}
.owl-item:first-child{display:none;}
.aboutUsBox ul.aboutLftBox{width:96%;margin: 10px auto 0 auto;float: left;position:relative;}
.aboutUsBox ul.aboutLftBox li{font:14px 'Lato-Regular'; text-align:center;}
.aboutUsBox ul.aboutLftBox li a{display:block;padding: 5px 5px;}
.aboutUsBox ul.aboutLftBox li a.active{background:rgba(36,55,78,1);color:#fff;}
.aboutRightBox{width:100%;}
.tab2sideBox > div{margin:0 0 50px 0;}
.owl-carousel .owl-nav .owl-next{width:14px; height:25px; background-image:url(../images/icons/arrowRight.png); background-repeat:no-repeat; position:absolute; top:12px; right:-20px; background-size:10px;}
.owl-carousel .owl-nav .owl-prev{width:14px; height:25px; background-image:url(../images/icons/arrowRight.png); transform:rotate(180deg); background-repeat:no-repeat; position:absolute; top:5px; left:-20px; background-size:10px;}
.tab01 > .singleCourse{padding:0; margin:0;}
.feedbackBox{width:500px;}
.feedbackBox .feedbacImgbox{width: 94%;float: none;margin-right: auto;text-align: center;margin-left: auto;}
.feedbackBox .feed_formArea{width:100%; float:left; padding:0 50px 50px 50px;}
.feed_formArea > form{width:100%;}
.feedbackBox .feedbacImgbox img{width:20% ! important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0.2;}
.letsTalk{padding:50px 20px;}
.checkoutDetail{width:65%;float:left;}
.priceEditer{width:35%;float:left;}
}
@media screen and (max-width:900px){
.innerOffer > .singleCourse{width:auto;}
.whyShardaDiaogna .innerWhySharda{width:600px; height:auto; margin:auto;}
.qusAns,
.diaognaDtl{padding:30px 0;}
.diaognaDtl > p{margin:5px 0 15px 0; font-size:14px;}
.letsTalk{padding:50px 20px;}
#loginNdJoin .modal-dialog{width:90%;}
.bookingCollection .titleBox{width:auto;float:left;}
.breadCrumbBox,.bookingCollection{width:92%;}
/**--------------**/
.tab01 > .titleBox{width:auto;float:left;}
.paymentBox > .couponCod > p:first-child,
.paymentBox > .couponCod > p:last-child{width:100%; float:left; text-align:center; margin:10px 0;}
}
@media screen and (max-width:800px){
.topHead > .container-fluid > div:nth-child(1),
.topHead > .container-fluid > div:nth-child(3){padding:0;}
.banner > .innerBann{margin:50px auto 180px auto;}
.banner > .innerBann > h1{font-size:42px;}
.banner > .innerBann > h2{font-size:22px;}
.callBackBox h2{font-size:32px;}
.detailOfDiaogna > .innerDetails{height:auto;}
.letsTalk > .innerTalkbox > span{width:100%; float:left; margin:0 0 20px 0; text-align:center;}
.footerBox .company, .footerBox .features, .footerBox .subscribe{float:left; margin-bottom:30px;}
/**--------------**/
.sideBarBox .leftSideBar,
.detailOfBooking{width:100%;}
.sideBarBox .sidefilters > ul li{width:50%;}
.detailOfBooking{padding:10px 0;}
.sideBarBox h2.title_fiter > img{float:right; display:block; margin:5px 0 0 0; cursor:pointer; transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;display: none;}
.rotateImg{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);}
/**--------------**/
.tab01 > .singleCourse{width:100%; float:left;text-align:center;}
.boxsingle{width:40%; float:none; display:inline-block; margin:20px;}
.allcourses .modal-dialog,
.allDrs .modal-dialog{width:90%;}
.courseDetail > form{width:100%;}
.drFullDetail > .drDtl{width:70%;}
}
@media screen and (max-width:768px){
.banner > .innerBann{width:370px;}
.formForMobNo:after,
.formForMobNo:before{left:110px;}
#loginNdJoin .modal-dialog{width:70%;}
.mainLogin .loginEqualBox:first-child{padding:50px 10px;display: none;}
.loginEqualBox{width:100%; float:left;}
/**--------------**/
}
@media screen and (max-width:732px){
.topHead{position:relative;}
.afterSpeaceHeader{display:none;}
.topHead > .container-fluid > div:nth-child(1){width:30%;float:left;text-align:center;}
.topHead > .container-fluid > div:nth-child(2){/* width:70%; */float:right;}
p.searchBtn{width:100%; margin:30px auto 0 auto;}
.topHead > .container-fluid > div:nth-child(3){width:100%;float:left;text-align:center;/* margin-top:20px; */}
.loginNdetcBox{width:100%;float:none;display:inline-block;padding:15px 0 0 0;}
.loginNdetcBox > .topIcon{margin:0 0 0 15px;}
.loginNdetcBox > .topIcon:first-child{margin:0;}
.loginNdetcBox .topIcon.login,
.loginNdetcBox .topIcon.welcome{float:right;position: absolute;top: -100px;right: 0;}
.loginNdetcBox > .topIcon.cart span,
.loginNdetcBox > .topIcon span{font-size:12px;}
.loginNdetcBox > .topIcon sup{margin:0; padding:1px 3px;font-size:10px;}
.singlePack{margin:0 0 20px 0;}
.innerOffer > .singleCourse > div .singalCourceBOx{height:auto;}
.genral_Pack_Dtl > ul li{font-size:12px;}
.package_Detail_Box > .row{width:100%; margin:0;}
.aboutUsBox ul.aboutLftBox li{font-size:12px;float: left;width: 45%;}
.checkoutDetail,
.priceEditer{width:100%; padding:0;}
}
@media screen and (max-width:650px){
.innerOffer > .singleCourse{width:280px}
.innerOffer > .singleCourse > div{width:100%;}
form.callForm{width:100%;}
form.callForm p{width:100%;}
form.callForm p input.phoneno,
form.callForm p input.name,
form.callForm p input[type="submit"]{border-radius:5px; margin-bottom:15px;}
form.callForm p:last-child{float:none;margin:auto;}
.whyShardaDiaogna .innerWhySharda{width:100%; padding:0 20px;}
#loginNdJoin .modal-dialog{width:90%;}
.mainLogin .loginEqualBox:first-child ul li{margin:0 0 20px 0;}
.mainLogin .loginEqualBox:first-child ul li img{width:20px;}
.mainLogin .loginEqualBox:first-child ul li span{font-size:12px; margin:4px 0 0 10px;}
/**--------------**/
.bookingCollection .titleBox > h2{font-size:16px; padding-top:5px;}
.fullDtlOfBooking > .testProfile > ul > li{width:20%;font-size:14px; padding:10px;}
.fullDtlOfBooking > .testProfile > ul li:nth-child(4){width:40%;}
.fullDtlOfBooking > .testProfile > ul li:nth-child(4) a{font-size:14px;position: absolute;bottom: -145px;}
/**--------------**/
.genral_Pack_Dtl > ul li,
.panel-body > ul li{margin-bottom:20px;}
.memberForm{width:100%;}
.pickUpForm{width:96%;}
.pickUpForm > form{width:100%;}
.pickLocAdd{margin-bottom:50px;}
.yearDetails{width:100%;}
.boxsingle{width:42%;margin:20px 10px;}
.drFullDetail > .drDtl{width:100%;}
}
@media screen and (max-width:600px){
.customPackage > .packageName{width:100%;}
.customPackage > .packageName h2{padding:0 0 20px 0; text-align:center;}
.customPackage > .packageDetail{width:100%; text-align:center;}
.customPackage > .packageDetail > ul > li{font-size:14px;}
.customPackage > .packageDetail > ul > li:last-child img{margin:-20px 0 0 0;}
.innerMembAdded > ul > li{margin:0 5px 15px 5px;}
.innerMembAdded > ul{text-align:left;}
.innerMembAdded > ul > li{float:none; display:inline-block;}
.feedbackBox{width:90%;}
.feedbackBox .feed_formArea{padding:0 15px 50px 15px;}
.paymentBox > form > p > label{width:90%;}
.checkOutBox h1{font-size:16px;}
.paymentBox > .couponCod > p:first-child{font-size:12px;}
.paymentBox > .couponCod > p:last-child input[type="text"]{width:150px;}
.paymentBox > .couponCod > p:last-child input[type="submit"]{padding:8px 15px;}
}
@media screen and (max-width:490px){
.banner > .innerBann{width:90%;}
.banner > .innerBann > h1{font-size:28px;}
.banner > .innerBann > h2{font-size:14px;}
.banner > .innerBann > a{margin:15px auto;}
.callBackBox h2,
.singlePostBoxes > h2,
.innerOffer > h2{font-size:24px;}
.popular_package > .container > h1{font-size:24px;}
.singlePack{width:90%;}
.singlePostBoxes > .singlePost > div a{height: 130px;}
.singlePostBoxes > .singlePost > div a img{width: 50px;}
.singlePostBoxes > .singlePost > div a p{font-size:14px;}
.footerBox .subscribe form p input[type="email"]{width:100%; border-radius:5px;}
.footerBox .subscribe form p input[type="submit"]{width:100%; border-radius:5px; margin:10px auto; float:right; }
/**--------------**/
.bookingCollection .titleBox,
.bookingCollection .shortByBox{width:100%;float:left;text-align:center;margin-bottom:20px;}
.bookingCollection .shortByBox > .shortNdpopular{float:none;display:inline-block;}
.fullDtlOfBooking > .testType > ul > li:nth-child(odd){width:100%;}
.fullDtlOfBooking > .testType > ul > li:nth-child(even){width:100%;}
.fullDtlOfBooking > .testProfile > h3{text-align:center; margin-bottom:20px;}
.fullDtlOfBooking > .testProfile > ul li:nth-child(odd){width: 30%;margin-bottom:10px;}
.fullDtlOfBooking > .testProfile > ul li:nth-child(even){width: 38%;margin-bottom:10px;border-right:none;float: right;}
.sideBarBox{margin-top:0;}
/**--------------**/
.userDetail > ul{text-align:center;}
.userDetail > ul > li{width: 48%;display: inline-block;float: none;padding: 5px 0px;text-align: center;}
.userDetail > ul > li:last-child{float:none;}
.halfDoB, .halfAge{width:100%; float:left; padding:0; margin:0 0 35px 0;}
.genderAddMemb > label{margin:0 0 20px 0;}
.userPackageDtl{margin-bottom:50px;}
}
@media screen and (max-width:380px){
.logoMain{width: 75px;margin: 0;float: none;position: absolute;left: 5px;z-index: 999;}
.logoMain img{width:100%;}
p.searchBtn{height:40x;margin-top: 55px;}
p.searchBtn input{height: 30px;padding: 10px;width: 175px;position: absolute;top: -44px;z-index: 999;}
p.searchBtn i{font-size: 14px;right: 173px;top: -36px;z-index: 999;}
.topHead > .container-fluid > div:nth-child(1){width: 100%;}
.topHead > .container-fluid > div:nth-child(2){width: 104%;margin-bottom: 10px;}
.topHead > .container-fluid > div:nth-child(3){width:100%;}
.loginNdetcBox{padding:0 0 0 0;}
.sideBarBox .sidefilters > ul li{width:100%;}
.customPackage > .packageDetail > ul > li{width: 20.4%;float:left;padding:5px 0;margin:0;}
.customPackage > .packageDetail > ul > li:last-child{width: 30%;float:left;margin: 0px 0 0 0;}
.customPackage > .packageDetail > ul > li:last-child img{float:none; margin:0; padding:0;}
.pickUpForm > ul{text-align:center;}
.pickUpForm > ul > li{float:none; padding:0 20px 30px 20px; display:inline-block;}
/**--------------**/
.tab01 > .titleBox{width:100%; text-align:center; }
.tab01 > .shortByBox{width:100%; text-align:center; float:left; margin:20px 0 0 0;}
.tab01 > .shortByBox > .shortNdpopular{width:auto;float:none; display:inline-block; padding:0;}
.boxsingle{width:90%;margin:20px 0;}
}
@media screen and (max-width:320px){
}
@media screen and (max-width:768px){
.promotion-banner{display: none;}
.swiper-button-next {right: 0px;}.swiper-button-prev {left: 0px;}
.testimnlPadding {padding: 0px 10px;}
.arrowTestRight{right: -55px ! important;}
.arrowTestLeft{left: 5px ! important;}
.pr-0{padding-right: 0px;}
.footerLogo {width: 100%;float: none;}
.footerBox{padding: 20px 0px;}
.footer-bottom span {display: flex;font-size: 12px;margin-left: 10px;}
.footer-bottom p{justify-content: center;}
.udp-mid-panel {height: 510px;}
.presLeft {padding: 0px 20px;}
.presRight {padding: 0px 10px;}
.presIcon {width: 15%;margin-bottom: 10px}
.left-panel{padding: 0px;border-right: none;min-height: 220px;}
.upload-image{padding: 0px 20px}
.form_section {padding: 15px 10px;}
.mt-30{margin-top: 0px}
.topIcon a span .fa-bars {padding: 9px;}
.loginNdetcBox > .topIcon:first-child{border-right: none;position: absolute;top: -100px;right: 108px;}
.popularPackgesCrd {width: 100%;}
.dasboardForm > .fillingBox > p input,.dasboardForm > .fillingBox > p select{width: auto ! important;}
.aboutUsBox ul.aboutLftBox{top: 18px;display: inline-block;width: 110%;left: -16px;height: 137px;padding: 5px 0px;border: 1px solid #e9e9e9;display: none ! important;}
.aboutRightBox > div {display: block;text-align: center;}
#contact-us .feedbacImgbox,.feedbacImgbox {height: 120px;}
.user-input-wrp textarea{width: 100% ! important;}
.user-input-wrp {margin: 0 0 30px 0;}.priceDtl {border: 1px solid #E9E9E9;margin: 0px 15px;}
.addFmlyMemb > a{margin: 15px 0;}
.addMoreTests {padding: 10px;}
.addMoreTests > ul > li:last-child a {line-height: 1.5;}
.bookOrder > .ordertitle > p {margin-top: 45px;float: none;}
.bookOrder > .orderDtl > ul > li {width: auto;float: none;padding: 10px 0px;}
#order-summary ul li {font-size: 14px;line-height: 1.5;}
.order-details ul{margin-bottom: 35px;}
.order-stage li{line-height: 1.5;margin-top: 45px;}
#order-summary .order-data{border: none;}
#order-summary.pay-summary h1{padding-bottom: 0;}
.loginNdetcBox > .login a{position: absolute;right: 0;width: 30px;}
.topHead {height: 75px;}
.banBg:before{background-position: unset;background-size: cover;}
.profileRight > a.profEdit{width: 120px;}
.innerProf > .profileLeft > .profList {width: 300px;float: left;padding: 10px 0 0 0px;}
.prof_bmiScore{margin: 0 0 2px 0;}
.footerFilterPopup{border-top: none;}
.sideBarBox h2.title_fiter {font: 14px 'Lato-Bold';color: #8dc63e;background: transparent;padding: 0;float: right;margin-top: -22px;cursor: pointer;position: absolute;right: 0;z-index: 999;}
.res-hidden{display: none ! important;}
.bookOrder > .orderDtl > ul > li > span.tooltiparea > .tooltipBox{left: 0;}
.feed_formArea p{line-height: 1.5;color: #898989;}
.feed_formArea > h3{margin: 20px 0 10px 0;}
.feedbackBox h1 {padding: 10px 0px 15px 0px;}
.feed_formArea {margin: 10px 0 0 0;}
.loginNdetcBox .topIcon.welcome h4 {font-size: 12px;}
.topIcon a i{font-size: 12px;}
.loginNdetcBox .topIcon.welcome > .dropdown-menu{top: 40px}
.fillingBox{float: none;display: inline-flex;}
.dasboardForm > .fillingBox > p span {margin: 5px 20px 0 0;}
.dasboardForm > .fillingBox > p{width: auto;}
.swiper-button-next, .swiper-button-prev {width: 35px ! important;height: 35px;background-size: 10px 10px;margin-top: -42px;opacity: 0.6;}
.arrowTestLeft,.arrowTestRight {display: none;}
.diagnosleft img {width: 30px;height: 30px;margin: 15px;}
.diagnosright h3 {font-size: 14px;}
.diagnosInr p {color: #a9a9a9;}
.qusAns p {font: 14px 'Lato-Regular';line-height: 1.5;}
.testimonialDetls p {font-size: 14px;margin-top: 10px;}
.row.top_nav{display: none;}
.order-stage li{font-size: 12px;}
#order-summary .order-data{text-align: left;}
#order-summary h4{font-size: 14px;}
.memberDtl{margin-bottom: 10px;}.logoMain {width: 75px;}
.genral_Pack_Dtl > p {font: 12px/22px 'Lato-Regular';}
.desk-hidden{display: block ! important;}
.sideBarBox .leftSideBar .sidefilters{display: none;}
.sideBarBox .leftSideBar {background: transparent;border: none;padding: 0;}
.usrIcon i{font-size: 18px ! important;}
.footerBox .subscribe a {width: 35px;height: 35px;margin: 0 10px 0 0;line-height: 35px;}
.footerLogo img {width: 60px;}
.footerLogo h4 {font: 8px 'Lato-Regular';}
.messIcon {height: 110px;}
.footerBox .company h3, .footerBox .features h3, .footerBox .subscribe h3 {color: #3D5B74;font: 16px 'Lato-Bold';}
.footerBox .company ul li a, .footerBox .features ul li a {color: #3D5B74;font: 14px 'Lato-Regular';}
p.searchBtn input {height: 30px;padding: 10px;width: 175px;position: absolute;top: -44px;z-index: 999;display: none;}
p.searchBtn i {font-size: 14px;right: 173px;top: -36px;z-index: 999;display: none;}
.fullDtlOfBooking > .testType > ul > li:nth-child(4) a{float: left;}
.fullDtlOfBooking > .testType{border-top: none;}
.fullDtlOfBooking > .testType > ul {width: 100%;float: left;padding: 8px 0px;}
.order-status p{color: #91c644;font-size: 16px;}
.userDetail > ul {padding: 10px 0px;}
.customPackage > .packageDetail > ul > li {width: 32.4%;}
.fullDtlOfBooking {margin: 0 0 12px 0;}
.book_test_front .right_book_test {position: absolute;top: 60px;right: 45px;}
.book_test_front .left_book_test {position: absolute;top: 120px;left: 45px;}
}
Kontol Shell Bypass