@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
 
body, table, p, a, strong, span, ul, li, ol, h1, h2, h3, h4, h5, h6, tr, td, th{ 

    font-family: 'Roboto', sans-serif;

}
a{ text-decoration:none;}

h1, h2{ font-size:34px; font-weight:300;}

p{ font-size:16px; color:#000000;}

.header{ padding:20px 0; border-top:6px solid #ff3c84; position: absolute; width: 100%; top: 0px; z-index: 9;}
.toolbar_details{ font-size:18px; font-weight:500; text-align:right;}
.toolbar_details li{ display:inline-block; color:#2f3542;}
.toolbar_details li:first-child{ background:url(../images/ph.png) no-repeat left center; padding-left: 70px; margin-right:31px;}
.toolbar_details li:last-child{ background:url(../images/mail.png) no-repeat left center; padding-left: 29px;}
.toolbar_details li a, .web_info li a{ color:#2f3542;}

.web_info{ padding:0;}
.web_info li{ display:inline-block; color:#2f3542;}
.web_info li:first-child{ background:url(../images/web.png) no-repeat left center; padding-left: 33px; margin-left: 55px; font-size: 16px;}

.toolbar-social{ text-align:right;}
.toolbar-social li{ display:inline-block; margin:0 6px;}
.toolbar-social a{}

.destop-slide{}
.mobile_slide{ display:none;}

.entry_content{ margin-top: 5px;}

.appointment-form{ position: absolute; right: 46px; text-align: center; top: 145px;}
.appointment-form h2, .footer .form h2{ background:#ff3c84; color:#fff; font-size:26px; font-weight:400; padding:14px;}
.form{  background:#fff; -webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.52);
box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.52);}
.app_form{ padding:10px 14px;}

.app_form .form-control{ border-radius:0; border-left:0; border-right:0; border-top:0; border-bottom:1px solid #919191;}

.btn-custom{ background:#ff3c84; border:none; font-size:16px; font-weight:bold; color:#fff; border-radius:30px; padding: 13px 53px; text-transform:uppercase;}

.services{ background:url(../images/services-back.jpg) no-repeat center center; background-size:cover; padding:54px 0;}

.services h2{ margin-bottom:45px;}
.services h2:after{ content:''; display:block; background:#ff3c84; width:49px; height:4px; margin: 0 auto; margin-top: 12px;}

.about{ background:url(../images/about-back.jpg) no-repeat center center; background-size:cover; padding:65px 0;}
.about h1{ margin-bottom: 31px; margin-top: 27px;}
.about h1:after{ content:''; display:block; background:#ff3c84; width:49px; height:4px; margin-top: 12px;}

.gallery{ padding:38px 0;}

.gallery h2{ margin-bottom:45px;}
.gallery h2:after{ content:''; display:block; background:#ff3c84; width:49px; height:4px; margin: 0 auto; margin-top: 12px;}
.gallery img{ margin-bottom:25px;}

.clients-feedback{ background:url(../images/testimorial-back.jpg) no-repeat center center; background-size:cover; padding:60px 0;}

.clients-feedback h2{  margin-bottom:45px; color:#fff;}
.clients-feedback h2:after{ content:''; display:block; background:#fff; width:49px; height:4px; margin: 0 auto; margin-top: 12px;}

.clients-feedback .carousel-indicators{ bottom: -59px;}

.testimonial-des{ margin:20px 0;}

.footer{ background:#222f3e; padding:60px 0;}

.footer h2{  margin-bottom:45px; color:#fff;}
.footer h2:after{ content:''; display:block; background:#ff3c84; width:49px; height:4px; margin: 0 auto; margin-top: 12px;}
.footer p, .footer strong{ font-size:18px;}

.sub-footer{ background:#141d27; padding:15px 0;}
.footer .form h2:after{ display:none;}

/*==========================media=====================*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
h1, h2{ font-size: 27px;}
p{ font-size:14px;}
.destop-slide{ display:none;}
.mobile_slide{ display:block;}
.responsive-height{}
.entry_content{ margin-top: 0;}
.header{ position:relative;}
.appointment-form{ position:relative; right:auto; top:0;}
.toolbar_details{ text-align: center; padding-left: 0; margin-top: 15px; border-bottom: 1px solid #bac7d3;}
.toolbar-social{ text-align:center; padding-left:0; margin-bottom: 0;}
.toolbar_details li{ margin-bottom:11px;}
.footer p, .footer strong{ font-size: 16px;}
.footer .form{ margin-top: 27px;}
.clients-feedback .carousel-control-next, .clients-feedback .carousel-control-prev{ top: -240px;}

.web_info{ text-align:center;}
.web_info li:first-child{ margin-left: 0;}
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}


/* iPhone 6 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 667px) and (orientation : landscape){
.destop-slide{ display:none;}
.mobile_slide{ display:block;}
h1, h2{ font-size: 27px;}
p{ font-size:14px;}
.entry_content{ margin-top: 0;}
.header{ position:relative;}
.appointment-form{ position:relative; right:auto; top:0;}
.toolbar_details{ text-align: center; padding-left: 0; margin-top: 15px; border-bottom: 1px solid #bac7d3;}
.toolbar-social{ text-align:center; padding-left:0; margin-bottom: 0;}
.toolbar_details li{ margin-bottom:11px;}
.footer p, .footer strong{ font-size: 16px;}
.footer .form{ margin-top: 27px;}
.clients-feedback .carousel-control-next, .clients-feedback .carousel-control-prev{ top: -240px;}

.web_info{ text-align:center;}
.web_info li:first-child{ margin-left: 0;}
}

.about-section {
    padding: 40px 0px;
}

@media only screen and (min-device-width: 320px) and (max-device-height: 667px) and (orientation : portrait){
h1, h2{ font-size: 27px;}
p{ font-size:14px;}
.entry_content{ margin-top: 0;}
.responsive-height{}
.header{ position:relative;}
.appointment-form{ position:relative; right:auto; top:0;}
.toolbar_details{ text-align: center; padding-left: 0; margin-top: 15px; border-bottom: 1px solid #bac7d3;}
.toolbar-social{ text-align:center; padding-left:0; margin-bottom: 0;}
.toolbar_details li{ margin-bottom:11px;}
.footer p, .footer strong{ font-size: 16px;}
.footer .form{ margin-top: 27px;}
.clients-feedback .carousel-control-next, .clients-feedback .carousel-control-prev{ top: -240px;}

.web_info{ text-align:center;}
.web_info li:first-child{ margin-left: 0;}
}


}