You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
354 lines
19 KiB
354 lines
19 KiB
.clear{clear:both}
|
|
::-moz-selection{background:#1FC6C7;color:#FFF;text-shadow:none}
|
|
::selection{background:#1FC6C7;color:#FFF;text-shadow:none}
|
|
.no-mar{margin:0!important}.no-pad{padding:0!important}
|
|
.some-pad{padding-left:5px!important;padding-right:5px!important}
|
|
.left-pad{padding-left:90px!important}
|
|
.mar-1_br{margin-right:-1px;margin-bottom:-1px}
|
|
header.header-area.nav-fixed{animation-duration:.8s;animation-name:fadeInDown;animation-timing-function:ease-in-out;-webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);-moz-box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);left:0;background:#FF662A;position:fixed!important;right:0;top:0;width:100%;z-index:999}
|
|
.custom-padding{padding-bottom:350px!important}
|
|
.mar-bot-50{margin-bottom:50px}
|
|
.mar-bot-40{margin-bottom:40px}
|
|
.mar-bot-150{margin-bottom:150px}
|
|
.mar-bot-30{margin-bottom:30px}
|
|
.margin-minas{margin-bottom:-50px}
|
|
.padding-minas{padding-bottom:50px!important}
|
|
.padding-to-minas{padding-top:0!important}
|
|
.mar-top-30{margin-top:30px}
|
|
.mar-top-80{margin-top:80px}
|
|
.mar-top-80{margin-top:80px}
|
|
.mar-top-55{margin-top:55px}
|
|
.mar-top-140{margin-top:140px!important}
|
|
.text-left{text-align:left}
|
|
.text-center{text-align:center}
|
|
.text-right{text-align:right}
|
|
|
|
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
*:focus{outline:0}
|
|
html{font-size:62.5%;-webkit-font-smoothing:antialiased}
|
|
body{background:#fff;font-weight:normal;font-size:16px;font-family:"Roboto",sans-serif;letter-spacing:1.5px;color:#141313;line-height:30px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
|
|
.body2{background:#f6f6f6}
|
|
body.vs-light{background:#FFF}
|
|
img{max-width:100%;height:auto;width:100%}
|
|
button,textarea{letter-spacing:0}
|
|
body{font-family:"Sora",sans-serif}
|
|
|
|
h1,h2,h3,h4,h5,h6{font-family:"Sora",sans-serif;font-weight:600;letter-spacing:0;margin:0}
|
|
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;font-family:"Sora",sans-serif;letter-spacing:0}
|
|
h1{font-size:70px;line-height:84px;margin-bottom:0}
|
|
h2{font-size:50px;line-height:65px;color:#0F1D34}
|
|
h3{font-size:40px;line-height:50px}
|
|
h4{font-size:30px;line-height:40px}
|
|
h5{font-size:25px;line-height:35px;color:#0F1D34}
|
|
h6{font-size:22px;line-height:30px}
|
|
p{font-family:"Roboto",sans-serif;font-size:16px;line-height:26px;font-weight:400;color:#515151;letter-spacing:0;margin:0}p img{margin:0}
|
|
em{font:15px/30px}
|
|
strong,b{font:15px/30px}
|
|
small{font-size:11px;line-height:inherit}
|
|
a,a:visited{text-decoration:none;font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;letter-spacing:0;outline:0;transition:.5s ease}
|
|
a:hover,a:active{color:#000000;text-decoration:none;outline:0;transition:.5s ease;font-family:"Roboto",sans-serif}
|
|
a:focus{text-decoration:none;outline:0}
|
|
p a,p a:visited{line-height:inherit;outline:0}
|
|
ul,ol{margin-bottom:0;margin-top:0}
|
|
ul{margin:0;padding:0}
|
|
ol{list-style:decimal}
|
|
ol,ul.square,ul.circle,ul.disc{margin-left:0}
|
|
ul.square{list-style:square outside}
|
|
ul.circle{list-style:circle outside}
|
|
ul.disc{list-style:disc outside}
|
|
ul ul,ul ol,ol ul,ol ol{padding:0;margin:0}
|
|
ul ul li,ul ol li,ol ul li,ol ol li{margin-bottom:0}
|
|
li{line-height:18px;list-style-type:none;margin:0;letter-spacing:0;display:inline-block;font-size:16px}[class^="flaticon-"]:before{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:inherit}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
.btn.focus,.btn:focus{outline:0;box-shadow:none!important}
|
|
button:focus{outline:none!important;box-shadow:none!important;border-color:transparent!important}
|
|
|
|
span{letter-spacing:0}
|
|
.c-fulid-max{max-width:90%;margin:auto}
|
|
|
|
.form-control:focus{outline:none!important;box-shadow:none!important;border-color:#FF662A!important}
|
|
.form-control{box-shadow:none!important}
|
|
.btn-1{position:relative;padding:14px 10px;color:#000;min-width:200px;text-align:center;display:inline-flex;align-items:center;justify-content:center;height:60px;transition:1.5s ease;border:1px solid #FFF;border-radius:6px;cursor:pointer;z-index:1}
|
|
.btn-1 a{color:#FF662A}
|
|
.btn-2{padding:14px 45px;color:#FF662A;background:#FFF;display:inline-block;min-width:170px;cursor:pointer;height:60px;text-align:center;font-weight:500;border-radius:6px;font-size:16px}
|
|
.scroll-top{position:fixed;right:30px;bottom:70px;z-index:99;opacity:0;cursor:pointer;transition:.5s ease;border:0;background:transparent}
|
|
.scroll-top::before{position:absolute;content:'';background:url(../img/poka.png);background-size:cover;background-position:center;animation:spin 4s infinite;animation-duration:6000ms;animation-delay:2s;animation-timing-function:ease-in;left:0;top:1px;width:100%;height:100%;z-index:-1}
|
|
.scrollup-icon{font-size:25px;color:#FFF;padding:15px}
|
|
.scr-3{color:#FF662A}
|
|
.scroll-top.open{opacity:1}
|
|
|
|
.header-top{position:relative;background:#FF662A;padding:18px 0}
|
|
.header-top ul li{position:relative;font-family:"Roboto",sans-serif;color:#FFF;margin-right:50px}
|
|
.header-top ul li::before{position:absolute;content:'';width:1px;top:3px;height:15px;background:#FFF;right:-27px}
|
|
.header-top ul li:last-child{position:relative}
|
|
.header-top ul li:last-child::before{position:absolute;content:'';width:0}
|
|
.header-top ul li i{margin-right:5px}
|
|
|
|
header.header-area{position:absolute;width:100%;left:0;right:0;padding:25px 0;z-index:1}
|
|
header.header-area .logo-wrapper{position:relative;z-index:1}
|
|
header.header-area .logo-wrapper img{max-width:unset;width:auto}
|
|
header.header-area .btn-1{position:relative;transition:.3s ease!important;margin-left:25px;display:inline-flex}
|
|
header.header-area .btn-1 i{padding-right:8px;font-size:18px}
|
|
header.header-area .btn-1:hover{background:#FFF}
|
|
.hexa-nav{position:relative;display:inline-flex;float:right}
|
|
|
|
.inner-hero{position:relative;height: 850px;background:url(../img/hero/inner-hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
|
|
.inner-hero::before{position:absolute;content:'';width:100%;height:100%;background:#0f1d3461;top:0;left:0}
|
|
.inner-hero .hero-content{position:relative;padding:280px 0 170px;text-align:center}
|
|
.inner-hero .hero-content h1{color:#FFF}
|
|
.inner-hero .hero-content ul{position:relative;margin-top:40px}
|
|
.inner-hero .hero-content ul li{font-size:18px;font-weight:400;color:#FFF;padding:0 10px}
|
|
.inner-hero .hero-content ul li a{position:relative;color:#FFF;font-size:18px;font-family:"Sora",sans-serif;font-weight:400}
|
|
.inner-hero .hero-content ul li a::before{position:absolute;content:'';width:2px;height:12px;top:5px;right:-13px;background:#FFF}
|
|
|
|
.pagination{position:relative;margin-top:50px}
|
|
.pagination .page-item{margin-right:30px}
|
|
.pagination .page-item .page-link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:70px;width:70px;font-size:31px;font-weight:400;border-radius:3px;color:#515151;border:1px solid #707070}
|
|
.pagination .page-item .page-link:hover{background:#FF662A;border-color:#FF662A;color:#FFF}
|
|
|
|
.modal .modal-content{padding:20px;margin-top:30%}
|
|
.modal .modal-content .modal-header button.close{font-size:30px;padding-top:0;color:#515151;opacity:1}
|
|
.modal .modal-content .modal-header button.close:hover{opacity:.5}
|
|
.modal .modal-content .booked{position:relative;background:#FFF;padding:25px 20px}
|
|
.modal .modal-content .booked h2{font-family:"Sora",sans-serif;color:#515151}
|
|
.modal .modal-content .booked p{padding-top:10px}
|
|
.modal .modal-content .booked form{position:relative;margin-top:35px}
|
|
.modal .modal-content .booked form .form-control{position:relative;padding:0 15px;font-size:14px;border-radius:5px;box-shadow:none;height:40px;font-family:"Roboto",sans-serif;margin:5px 0}
|
|
.modal .modal-content .booked form button.btn-1{margin-left:15px;margin-top:20px;border-radius:6px;background:#FF662A}
|
|
|
|
.service-details{position:relative;margin:140px 0}
|
|
.service-details .service-details-single{position:relative}
|
|
.service-details .service-details-single h3{color:#0F1D34;margin-bottom:20px}
|
|
.service-details .service-details-single p{margin-bottom:15px}.
|
|
.service-details .service-details-single .sd-img{margin-bottom:15px}
|
|
.service-details .service-details-single ul{background:#F2F2F2;padding:40px 30px;margin-bottom:15px}
|
|
.service-details .service-details-single ul li{margin-bottom:10px}
|
|
.service-details .service-details-single ul li i{color:#FF662A;margin-right:10px}
|
|
.service-details .service-details-single .project-info{position:relative;background:#F2F2F2;padding:40px;display:inline-block;width:100%;margin:30px auto}
|
|
.service-details .service-details-single .project-info .pro-info-left{position:relative;width:100%;float:left;margin-top:20px}
|
|
.service-details .service-details-single .project-info .pro-info-left p span{font-weight:500}
|
|
|
|
|
|
.footer-area{position:relative;padding-bottom:40px;background:#0F1D34}
|
|
.footer-area .footer-top{position:relative;width:100%;display:inline-flex;background:#FF662A;border-radius:25px;height:220px;align-items:center;margin-top:-150px;margin-bottom:110px}
|
|
|
|
footer{background:#0F1D34}
|
|
footer p{color:#FFF;border-top:1px solid #FFF;padding:40px 0}
|
|
footer p a{color:#FFF}
|
|
|
|
@-webkit-keyframes spinnerRotateone{
|
|
0%{-webkit-transform:rotate(0deg) translateY(30px);transform:rotate(0deg) translateY(30px)}
|
|
100%{-webkit-transform:rotate(160deg) translateY(30px);transform:rotate(160deg) translateY(30px)}
|
|
}
|
|
@keyframes spinnerRotateone{
|
|
0%{-webkit-transform:rotate(0deg) translateY(30px);transform:rotate(0deg) translateY(30px)}
|
|
100%{-webkit-transform:rotate(160deg) translateY(30px);transform:rotate(160deg) translateY(30px)}
|
|
}
|
|
|
|
@-webkit-keyframes slideInnew3{
|
|
0%{-webkit-transform:translate(-30px,-100px);-ms-transform:translate(-30px,-100px);transform:translate(-30px,-100px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@keyframes slideInnew3{
|
|
0%{-webkit-transform:translate(-30px,-100px);-ms-transform:translate(-30px,-100px);transform:translate(-30px,-100px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@-webkit-keyframes slideInnew4{
|
|
0%{-webkit-transform:translate(30px,0px);-ms-transform:translate(30px,0px);transform:translate(30px,0px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}@keyframes slideInnew4{
|
|
0%{-webkit-transform:translate(30px,0px);-ms-transform:translate(30px,0px);transform:translate(30px,0px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@-webkit-keyframes scrollup{
|
|
0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@keyframes scrollup{
|
|
0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@-webkit-keyframes roket{
|
|
0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@keyframes roket{
|
|
0%{-webkit-transform:translate(0px,80px);-ms-transform:translate(0px,80px);transform:translate(0px,-70px)}
|
|
100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
@keyframes spin{
|
|
from{transform:rotate(0deg)}to{transform:rotate(360deg)}
|
|
}
|
|
@keyframes spin2{
|
|
0%{opacity:1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}
|
|
100%{opacity:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
|
|
}
|
|
@-webkit-keyframes years{
|
|
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
|
}
|
|
@keyframes years{
|
|
50%{
|
|
-webkit-transform:scale(1.5);
|
|
-moz-transform:scale(1.5);
|
|
-ms-transform:scale(1.5);
|
|
-o-transform:scale(1.5);
|
|
transform:scale(1.5)}
|
|
}
|
|
html[dir="rtl"] header.header-area .logo-wrapper{text-align:right}
|
|
html[dir="rtl"] header.header-area .btn-1{margin-left:0;margin-right:20px}
|
|
html[dir="rtl"] .sm-mint a,html[dir="rtl"] .sm-mint a:hover,html[dir="rtl"] .sm-mint a:focus,html[dir="rtl"] .sm-mint a:active,html[dir="rtl"] .sm-mint a.highlighted{padding:20px 15px}
|
|
html[dir="rtl"] .hexa-nav{float:left}
|
|
html[dir="rtl"] .sm-mint a .sub-arrow{right:0}
|
|
html[dir="rtl"] header.header-area .btn-1 i{padding-right:0;padding-left:8px}
|
|
html[dir="rtl"] .footer-area{text-align:right}
|
|
html[dir="rtl"] .footer-area .footer-top h4{margin-left:0;margin-right:85px}
|
|
html[dir="rtl"] .footer-area .footer-pages .page-links ul li a i{padding-right:0}
|
|
html[dir="rtl"] .footer-area .footer-pages .page-links ul li .con-icon{margin-right:0;margin-left:10px}
|
|
html[dir="rtl"] .footer-area .footer-top .btn-1 i{padding-right:0;padding-left:5px}
|
|
html[dir="rtl"] footer{text-align:right}
|
|
|
|
html[dir="rtl"] .header-top{text-align:right}
|
|
html[dir="rtl"] .header-top ul li::before{right:unset;left:-27px}
|
|
html[dir="rtl"] .header-top ul li{margin-right:0;margin-left:50px}
|
|
html[dir="rtl"] .inner-hero .hero-content ul li a::before{right:130px}
|
|
html[dir="rtl"] .service-details .service-details-single .project-info{text-align:right}
|
|
html[dir="rtl"] .service-details .service-details-single{text-align:right}
|
|
html[dir="rtl"] .service-booking{text-align:right}
|
|
html[dir="rtl"] .service-details .service-details-single ul li i{margin-right:0;margin-left:10px}
|
|
}
|
|
@media only screen and (max-width:991px){
|
|
html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:50px}
|
|
html[dir="rtl"] .footer-area .footer-top .btn-2{margin-left:0;margin-right:30px}
|
|
html[dir="rtl"] .footer-area .footer-top h4{margin-left:0;margin-right:50px}
|
|
}
|
|
@media only screen and (max-width:767px){
|
|
html[dir="rtl"] .footer-area .footer-top h4{margin:auto;padding-right:50px}
|
|
}
|
|
@media only screen and (max-width:512px){
|
|
html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:30px}
|
|
}
|
|
@media only screen and (max-width:480px){
|
|
html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:0;margin:20px 15px}
|
|
html[dir="rtl"] .footer-area .footer-top .btn-2{margin-left:0;margin-right:0;margin:20px 15px}
|
|
html[dir="rtl"] #main-menu{top:65px}
|
|
}
|
|
@media only screen and (max-width:402px){
|
|
html[dir="rtl"] #main-menu{top:60px}
|
|
html[dir="rtl"] .footer-area2 .footer-top .ft-social-link ul li{margin-right:8px}
|
|
}
|
|
@media only screen and (min-width:992px) and (max-width:1199px){
|
|
.sm-mint a .sub-arrow{display:none}
|
|
}
|
|
@media only screen and (min-width:1199px){
|
|
.sm-mint a.has-submenu{padding-right:34px}
|
|
}
|
|
@media only screen and (max-width:1199px){
|
|
.sm-mint a,.sm-mint a:hover,.sm-mint a:focus,.sm-mint a:active,.sm-mint a.highlighted{padding:23px 12px;font-size:12px}
|
|
.hero-content h1{font-size:50px;line-height:63px}
|
|
h2{font-size:40px;line-height:50px}
|
|
h5{font-size:20px;line-height:30px}
|
|
p{font-size:14px;line-height:24px}
|
|
h6{font-size:20px;line-height:30px}
|
|
.footer-area .footer-top h4{width:35%;margin-left:40px}
|
|
h4{font-size:25px;line-height:36px}
|
|
a,a:visited{font-size:14px}
|
|
|
|
.header-top ul li{font-size:12px}
|
|
|
|
}
|
|
@media only screen and (min-width:768px) and (max-width:991.9px){
|
|
.sm-mint a{font-size:10px}
|
|
.sm-mint a .sub-arrow{display:none}
|
|
header.header-area{padding:12px 0}
|
|
.btn-2{padding:14px 25px}
|
|
}
|
|
@media only screen and (max-width:991px){
|
|
.hero-content h1{font-size:40px;line-height:50px}
|
|
|
|
h3{font-size:30px;line-height:40px}
|
|
.footer-area .footer-top{display:inline-block;margin-bottom:70px}
|
|
.footer-area .footer-top h4{width:55%;margin-left:20px;margin-top:25px;padding-bottom:20px}
|
|
.footer-area .footer-pages .page-links{margin-top:25px;margin-left:12px}
|
|
.footer-area .footer-pages .page-links h6{font-size:16px}
|
|
|
|
|
|
.inner-hero .hero-content{padding:180px 0 140px}
|
|
.pagination .page-item .page-link{height:50px;width:50px;font-size:24px}
|
|
.pagination .page-item{margin-right:20px}
|
|
.pagination{margin-top:50px;margin-bottom:70px}
|
|
|
|
.mar-top-140{margin-top:110px!important}
|
|
.service-details{margin-top:100px}
|
|
.service-details{margin-bottom:200px}
|
|
|
|
.top-button{display:none}
|
|
}
|
|
@media only screen and (max-width:850px){
|
|
.sm-mint a{font-size:10px;padding:14px 9px}
|
|
}
|
|
@media only screen and (max-width:767px){
|
|
.sm-mint a{color:white;padding:14px 10px;font-size:12px}
|
|
.sm-mint{padding:31px 20px}
|
|
#main-menu{position:fixed;max-height:383px;border-bottom:0;overflow-y:scroll;width:100%;top:80px;border-radius:15px;border-top-left-radius:0;border-top-right-radius:0;left:0;box-shadow:0 4px 3px rgba(0,0,0,0.25)}
|
|
header.header-area .btn-1{margin-left:0;display:inline-flex;width:100%;margin-top:15px;align-items:center;justify-content:center}
|
|
h2{font-size:30px;line-height:40px}
|
|
.owl-theme .owl-nav{display:none;margin-top:10px}
|
|
.btn-1{padding:14px 20px}
|
|
.btn-2{padding:12px 20px;height:55px;font-size:14px}
|
|
.footer-area .footer-top h4{width:100%;padding-left:20px;margin-left:0;margin-bottom:15px}
|
|
.footer-area .footer-pages .page-links ul li{font-size:14px}
|
|
header.header-area{padding:10px 0}
|
|
.hero-img img{width:70%}
|
|
.sm-mint ul a,.sm-mint ul a:hover,.sm-mint ul a:focus,.sm-mint ul a:active{font-size:12px}
|
|
.header-top{display:none}
|
|
|
|
|
|
|
|
.inner-hero .hero-content ul{margin-top:20px}
|
|
.mar-top-140{margin-top:70px!important}
|
|
.service-details{margin-top:75px}
|
|
.service-booking{padding:50px 20px}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:575px){
|
|
.footer-area .footer-top h4{font-size:16px;line-height:26px}
|
|
.footer-area .footer-top{height:auto;padding-bottom:20px;border-radius:10px;display:inline-block;margin-bottom:50px}
|
|
.footer-area .footer-pages{display:block}
|
|
.hero-img img{width:70%}
|
|
.btn-1{padding:17px 20px}
|
|
.service-details .service-details-single .project-info .pro-info-left{width:100%}
|
|
}
|
|
|
|
@media only screen and (max-width:512px){
|
|
.hero-content h1{font-size:30px;line-height:40px}
|
|
|
|
}
|
|
@media only screen and (max-width:480px){
|
|
.footer-area .footer-top{display:inline-block}
|
|
.footer-area .footer-top .btn-2{margin-left:0;display:block;margin:0 15px}
|
|
.inner-hero .hero-content ul{margin-top:15px}
|
|
header.header-area .logo-wrapper img{max-width:100%;width:100%}
|
|
#main-menu{top:70px}
|
|
}
|
|
@media only screen and (max-width:434px){
|
|
h2{font-size:24px;line-height:34px}
|
|
h3{font-size:20px;line-height:30px}
|
|
|
|
.footer-area .footer-top .btn-1{margin-left:0;margin:20px 15px;display:block}
|
|
.inner-hero .hero-content{padding:150px 0 100px}
|
|
.service-details .service-details-single ul{padding:40px 10px}
|
|
.service-details .service-details-single ul li{line-height:25px}
|
|
}
|
|
|
|
@media only screen and (max-width:402px){
|
|
p{font-size:12px;line-height:20px}
|
|
h2{font-size:24px;line-height:35px}
|
|
.inner-hero .hero-content ul li{font-size:14px}
|
|
.service-booking h4{margin-bottom:20px;font-size:20px;line-height:30px}
|
|
.service-booking .form-group .form-control{font-size:12px;padding:28px 16px}
|
|
}
|
|
|
|
@media only screen and (max-width:388px){
|
|
.hero-content h1{font-size:24px;line-height:34px}
|
|
.ab-service h6{font-size:16px;line-height:26px}
|
|
} |