ikan Uploader :
Directory : /var/www/html/shardadiagnostics.in/assets/css/
Upload File : |
| Current File : /var/www/html/shardadiagnostics.in/assets/css/responsive_media_27Aug.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:96%;}
/**--------------**/
.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:40px; height:40px; 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%;}
.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:right; margin-bottom:10px;}
/**--------------**/
.packboxPrice{padding:0;}
.allpackages, .confPrice{width:100%; float:left; margin:0 0 50px 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:none; position:relative;}
.aboutUsBox ul.aboutLftBox li{font:14px 'Lato-Regular'; text-align:center;}
.aboutUsBox ul.aboutLftBox li a{display:block; padding:10px 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:100%; float:left; text-align:center;}
.feedbackBox .feed_formArea{width:100%; float:left; padding:0 50px 50px 50px;}
.feed_formArea > form{width:100%;}
.feedbackBox .feedbacImgbox img{width:100%;}
.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:96%;}
/**--------------**/
.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{width:100%; float:left; margin-bottom:30px;}
/**--------------**/
.sideBarBox .leftSideBar,
.detailOfBooking{width:100%;}
.sideBarBox .sidefilters > ul li{width:50%;}
.detailOfBooking{padding:50px 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;}
.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;}
.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;}
.loginNdetcBox > .topIcon.cart span,
.loginNdetcBox > .topIcon span{font-size:16px;}
.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}
.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;}
/**--------------**/
.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;}
.aboutUsBox ul.aboutLftBox{width:90%;}
.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:center;}
.innerMembAdded > ul > li{float:none; display:inline-block;}
.feedbackBox{width:90%;}
.feedbackBox .feed_formArea{padding:0 30px 50px 30px;}
.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:160px;}
.singlePostBoxes > .singlePost > div a img{width:70px;}
.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:50%; margin-bottom:10px;}
.fullDtlOfBooking > .testProfile > ul li:nth-child(even){width:50%; margin-bottom:10px; border-right:none;}
.sideBarBox{margin-top:0;}
/**--------------**/
.userDetail > ul{text-align:center;}
.userDetail > ul > li{width:32.5%; display:inline-block; float:none; padding:0 10px 20px 0;}
.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:60px;}
.logoMain img{width:100%;}
p.searchBtn{height:40x; margin-top:20px;}
p.searchBtn input{height:40px; padding-right:30px;}
p.searchBtn i{font-size:16px; right:10px;}
.topHead > .container-fluid > div:nth-child(1){width:20%;}
.topHead > .container-fluid > div:nth-child(2){width:70%;}
.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:32.4%; float:left; padding:5px 0; margin:0;}
.customPackage > .packageDetail > ul > li:last-child{width:100%; float:left; margin:20px 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){
}
Kontol Shell Bypass