/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/



@media (max-width: 767px) {

.service-icon .fas { font-size: 36px; } 

.container { max-width: 100% }

.btn { font-size: 16px; line-height: 16px; padding: 12px 25px; }	


.navbar .navbar-nav .nav-link { padding: 12px 16px 12px 16px; font-size: 15px; line-height: 15px; }
.dropdown-menu li a { font-size: 15px; line-height: 15px; }
.navbar-nav.sm-collapsible .sub-arrow { border-color: #00aeef !important; }


.navbar-toggler {  margin-top: -25px; }
.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #00aeef; position: relative;     transition: ease-in-out 0.4s; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s;  }
.navbar-toggler .icon-bar+.icon-bar { margin-top: 4px; }
.navbar-toggler.open .icon-bar:nth-child(1) { top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.navbar-toggler.open .icon-bar:nth-child(2) { display: none; }
.navbar-toggler.open .icon-bar:nth-child(3) { top: -4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }


.navbar-nav.sm-collapsible .sub-arrow { border-color: #00aeef !important; }
.navbar-toggler-icon { height: auto; width: auto; }
.navbar-toggler { padding: 0; float: right; }
.dropdown-menu:after { display: none; }

.header { padding: 10px 15px; }

.navbar { display: block; }
.navbar-brand { text-align: center; }
.navbar-brand img { max-width: 240px; }

.social-menu { padding-left: 0; text-align: center; }
.social-menu ul li { padding: 0 5px; font-size: 20px;  }
.desktop-social { display: none; }

.simple-link { font-size: 16px; line-height: 16px; }
.slider-text { width: 100%; }
.home-slider .caption .title h1,
.home-slider .caption .title h2,
.home-slider .caption .title h3,
.home-slider .caption .title h4,
.home-slider .caption .title h5,
.home-slider .caption .title h6,
.home-slider .caption .title p {
	font-size: 18px;
	line-height: 18px;
}
.home-item .slider-img { height: 270px; }
.home-item .slider-img img { height: 100%; object-fit: cover; font-family: 'object-fit:cover;'; }
.slider-text p { font-size: 13px; line-height: 15px; margin: 0 0 10px; }
.home-slider .owl-dots { bottom: 20px; }
.home-slider .bottom-line { margin: 0 0 15px; height: 2px; width: 60%; }

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.section-title p {
	font-size: 18px;
	line-height: 20px;
}

.about-us { padding: 30px 0; }
.about-us p { font-size: 15px; line-height: 20px; }

.our-services .bottom-btn { margin-bottom: 30px; } 
.service-list { padding: 30px 0 0; }
.service-block { margin: 0 0 30px; }
.service-block .service-link { font-size: 20px; line-height: 20px; }
.service-block p { font-size: 14px; line-height: 18px; }
.service-icon { width: 70px; }
.service-detail { padding: 0 0 0 80px; }

.testimonial { padding: 40px 0; }
.testimonial .section-title { padding: 0 0 15px; }
.testimonial-slider .testi-detail { margin-top: -35px; }
.testimonial-slider .testi-detail p { font-size: 14px; line-height: 20px; }
.testimonial-slider .bottom-btn { padding: 15px 0 0; }
.testimonial-slider .top-coma span { font-size: 120px; line-height: 100px; }
.testimonial-slider .testi-detail span { font-size: 16px; line-height: 16px; }


.map iframe { height: 250px; }

.f-logo { text-align: center; padding: 0 0 15px; }
.f-logo img { width: 300px; }
.f-block { padding: 0 0 15px; text-align: center; }
.f-top { padding: 40px 0;  }
.copyright  { letter-spacing: 1px; font-size: 14px; }

/******** inner page start *********/
.banner-img { height: 200px; }
.inner-banner { margin: 0 0 30px }
.banner-img img { height: 100%; object-fit: cover; }

.banner-title h1,
.banner-title h2,
.banner-title h3,
.banner-title h4,
.banner-title h5,
.banner-title h6,
.banner-title p {
	font-size: 20px !important;
	line-height: 20px !important;
}

.banner-title { padding: 10px 40px; }

.inside-page { padding: 35px 0 40px; }
.inside-page p { font-size: 14px; line-height: 20px; }
.inside-page h1, .inside-page h2 { font-size: 18px; line-height: 18px; }
.inside-page ul, .inside-page ol { float: none; }
.inside-page ul li, .inside-page ol li { font-size: 16px; line-height: 20px; }
.inside-page h3, .inside-page h4 { font-size: 16px; line-height: 16px; }

/******** inner page end *********/

/********* 11-03-2019 start *********/
.slick-slide {
    height: 250px !important;
}
.slick-dots { bottom: 20px; }
/********* 11-03-2019 end *********/

}



@media (max-width: 576px) {

.container { max-width: 100% }

}

@media (min-width: 576px) {}


@media (min-width: 768px) {
    .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none !important; }
    .mobile-social { display: none !important; }
}


@media (min-width: 768px) and (max-width: 991px) {

.service-icon .fas { font-size: 42px; }
.header { padding: 15px 30px 0; }

.navbar { display: block;text-align: center; }
.navbar-expand-md .navbar-collapse { display: inline-block !important;  }
.navbar-brand img { max-width: 300px; }
.social-menu { padding-left: 0; display: inline-block; }
.navbar .navbar-nav .nav-link {  padding: 20px 14px 18px 14px; font-size: 15px; line-height: 15px; }
.social-menu ul li { padding: 0 5px; }

.dropdown-menu { margin: 0 -30px !important; }

.simple-link { font-size: 18px; line-height: 18px; }
.slider-text { width: 100%; }
.home-slider .caption .title h1,
.home-slider .caption .title h2,
.home-slider .caption .title h3,
.home-slider .caption .title h4,
.home-slider .caption .title h5,
.home-slider .caption .title h6,
.home-slider .caption .title p {
	font-size: 30px;
	line-height: 30px;
}

.slider-text p { font-size: 20px; line-height: 22px; margin: 0 0 20px; }
.home-slider .owl-dots { bottom: 20px; }
.home-slider .bottom-line { margin: 0 0 15px; height: 3px; }

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.section-title p {
	font-size: 24px;
	line-height: 24px;
}

.about-us { padding: 60px 0 40px; }
.about-us p { font-size: 16px; line-height: 24px; }
.our-services .bottom-btn { margin-bottom: 50px; } 
.service-list { padding: 30px 0; }
.service-block { margin: 0 0 30px; }
.service-block p { font-size: 16px; line-height: 20px; }
.service-icon { width: 70px; }
.service-detail { padding: 0 0 0 80px; }

.testimonial-slider .top-coma span { font-size: 150px; line-height: 110px; }
.testimonial-slider .testi-detail { margin-top: -30px; }
.testimonial { padding: 70px 0; }
.testimonial .section-title { padding: 0 0 30px; }
.testimonial-slider .testi-detail p { font-size: 18px; line-height: 24px; }
.testimonial-slider .bottom-btn { padding: 40px 0 0; }


.map iframe { height: 450px; }

.f-logo { text-align: center; padding: 0 0 15px; }
.f-logo img { width: 300px; }
.f-block { padding: 0; }
.f-top { padding: 40px 0;  }
.copyright  { letter-spacing: 1px; }

.btn {
    font-size: 18px;
    line-height: 18px;
    padding: 12px 50px;
}

/******** inner page start *********/
.banner-title h1,
.banner-title h2,
.banner-title h3,
.banner-title h4,
.banner-title h5,
.banner-title h6,
.banner-title p {
	font-size: 26px !important;
	line-height: 26px !important;
}

.inside-page { padding: 35px 0 70px; }
.inside-page p { font-size: 16px; line-height: 26px; }
.inside-page h1, .inside-page h2 { font-size: 22px; line-height: 22px; }
/******** inner page end *********/
/********** 11-03-2019 ********/
.slick-slide {
    height: 400px !important;
}
/********** 11-03-2019 ********/

}


@media (min-width: 992px) and (max-width: 1199px) {

.service-icon .fas { font-size: 48px; }

.header { padding: 15px 30px 0; }

.navbar { display: block;text-align: center; }
.navbar-expand-md .navbar-collapse { display: inline-block !important;  }
.navbar-brand img { max-width: 300px; }
.social-menu { padding-left: 0; display: inline-block; }
.navbar .navbar-nav .nav-link {  padding: 20px 22px 18px 22px; font-size: 18px; line-height: 18px; }
.social-menu ul li { padding: 0 8px; }

.home-slider .caption .title h1,
.home-slider .caption .title h2,
.home-slider .caption .title h3,
.home-slider .caption .title h4,
.home-slider .caption .title h5,
.home-slider .caption .title h6,
.home-slider .caption .title p {
	font-size: 36px;
	line-height: 36px;
}

.slider-text p { font-size: 24px; line-height: 28px; }


.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.section-title p {
	font-size: 26px;
	line-height: 26px;
}

.about-us { padding: 100px 0 60px; }
.about-us p { font-size: 18px; line-height: 30px; }
.service-block p { font-size: 16px; line-height: 20px; }
.service-icon { width: 70px; }
.service-detail { padding: 0 0 0 80px; }

.testimonial { padding: 70px 0; }
.testimonial .section-title { padding: 0 0 30px; }
.testimonial-slider .testi-detail p { font-size: 20px; line-height: 26px; }
.testimonial-slider .bottom-btn { padding: 40px 0 0; }


.map iframe { height: 450px; }

.f-block { padding: 0; }
.f-top { padding: 60px 0 40px;  }
.copyright  { letter-spacing: 1px; }


/******** inner page start *********/
.inside-page { padding: 35px 0 70px; }
.inside-page p { font-size: 18px; line-height: 30px; }
/******** inner page end *********/

/********** 11-03-2019 ********/
.slick-slide {
    height: 600px !important;
}
/********** 11-03-2019 ********/

}


@media (min-width: 1200px) and (max-width: 1299px){


.service-icon .fas { font-size: 56px; }

.container { max-width: 1170px; }

.header { padding: 25px 30px; }
.navbar-brand img { max-width: 300px; }
.social-menu { padding-left: 0; }
.navbar .navbar-nav .nav-link {  padding: 20px 17px 18px 16px; font-size: 18px; line-height: 18px; }
.social-menu ul li { padding: 0 8px; }
.home-slider .caption .title h1,
.home-slider .caption .title h2,
.home-slider .caption .title h3,
.home-slider .caption .title h4,
.home-slider .caption .title h5,
.home-slider .caption .title h6,
.home-slider .caption .title p {
	font-size: 36px;
	line-height: 36px;
}

.slider-text p { font-size: 24px; line-height: 28px; }


.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.section-title p {
	font-size: 26px;
	line-height: 26px;
}

.about-us p { font-size: 18px; line-height: 30px; }
.service-block p { font-size: 17px; line-height: 22px; }

.testimonial { padding: 70px 0; }
.testimonial .section-title { padding: 0 0 30px; }
.testimonial-slider .testi-detail p { font-size: 20px; line-height: 26px; }
.testimonial-slider .bottom-btn { padding: 40px 0 0; }


.map iframe { height: 520px; }

/********** 11-03-2019 ********/
.slick-slide {
    height: 650px !important;
}
/********** 11-03-2019 ********/

}


@media (min-width: 1300px) and (max-width: 1399px){
.container { max-width: 1270px; }

.header { padding: 25px 30px; }
.navbar-brand img { max-width: 300px; }
.social-menu { padding-left: 0; }
.navbar .navbar-nav .nav-link {  padding: 20px 17px 18px 17px; }
.social-menu ul li { padding: 0 8px; }

.about-us p { font-size: 18px; line-height: 30px; }
.service-block p { font-size: 17px; line-height: 22px; }

.testimonial { padding: 70px 0; }
.testimonial .section-title { padding: 0 0 30px; }
.testimonial-slider .testi-detail p { font-size: 20px; line-height: 26px; }
.testimonial-slider .bottom-btn { padding: 40px 0 0; }


.map iframe { height: 520px; }

}


@media (min-width: 1400px) and (max-width: 1499px){
.container { max-width: 1370px; }

.navbar-brand img { max-width: 340px; }
.social-menu { padding-left: 30px; }
.navbar .navbar-nav .nav-link {  padding: 20px 18px 18px 18px; }
.social-menu ul li { padding: 0 10px; }

}

@media (min-width: 1500px) and (max-width: 1599px){


.social-menu { padding-left: 30px; }
.navbar .navbar-nav .nav-link {  padding: 20px 20px 18px 20px; }
.social-menu ul li { padding: 0 10px; }


}

@media (min-width: 1600px) and (max-width: 1699px){

.social-menu { padding-left: 30px; }

}


@media (min-width: 1700px) and (max-width: 1799px){


}



@media (min-width: 1500px) and (max-width: 1549px){
.container { max-width: 1470px; }

}


@media (min-width: 1550px) {
.container { max-width: 1520px; }

}





/*---------- Large Desktop , Large Screen End ----------