/*----------------------------MOBILE-RESPONSIVE------------------------*/

@media(min-width:320px) and (max-width:767px){
    .dsk-view{ display: none; }
.mob-view { display: block; } 
	
	.bg-warning-inr ul li .fa {
    color: #e7b320;
    margin-right: 7px;
    font-size: 16px;
}

.navbar {
    padding: .5rem 1rem;
}
	
	.bg-warning-inr ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
	
.navbar-brand img{ width:120px;}
	
.heading-text-1 h1 {
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
}	
	
	.btn-1 {
    border: none;
    padding: 7px 17px;
    color: #000;
    background: #e7b320;
    font-weight: 600;
    margin-right: 4%;
    font-size: 15px;
}


.btn-2 {
    border: none;
    padding: 7px 17px;
    color: #000;
    background: #ffffff;
    font-weight: 600;
    font-size: 15px;
}


.banner-area {
    padding: 17px 0;
    height: 242px;
}

.area-2 {
    padding: 30px 0;
}

.heading-text-2 h2 {
    color: #000;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.area-inr2 p {
    text-align: justify;
}

.list-50-100 ul li .fa {
    font-size: 15px;
    margin-right: 8px;
    color: #e7b320;
}

.list-50-100 ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #000;
}

.appointment-button {
    text-align: center;
    margin-top: 4%;
    margin-bottom: 3%;
}

.left img {
    width: 100%;
    z-index: 0;
    margin-top: 0;
    margin-left: 0;
    box-shadow: 0 0 7px #212529;
    margin-bottom: 5%;
	position: relative;
}

.heading-text-3 h3 {
    color: #e7b320;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}


.service {
    padding: 20px 0;
}

.text-heading h3 {
    text-align: center;
    font-size: 26px;
    color: #000000;
}

.text-heading p {
    text-align: center;
    margin-bottom: 5%;
    line-height: 21px;
}

.service-inr2 {
    margin-bottom: 20px;
}

.area-4 {
    padding: 10px 0;
}


.form-main {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 0;
    margin-left: 0;
}


.area-5 {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    background: none;
    background-color: #383326;
}

.area-5-inr2 .row{margin: 0px !important;}


.inpt-btn {
    width: 27.9%;
    float: left;
    margin: 0px 0%;
    background-color: #e7b320;
    border: none;
    color: #000000;
    padding: 6px 7px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.area-5-inr2 h4 {
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    margin-bottom: 4%;
    margin-top: 2%;
}

.inr-2 ul li h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.inr-2 ul li .fa {
    color: #e7b320;
    font-size: 18px;
    margin-right: 8px;
    margin-top: 3%;
}

.work-area {
    padding: 30px 0;
}

.heading-text-4 h4 {
    text-align: center;
    margin-bottom: 0%;
    font-size: 20px;
    color: #000;
}

.work-inr p {
    text-align: center;
    margin-bottom: 5%;
    line-height: 21px;
}

.area-6 {
    padding: 10px 0;
}

.area-6 h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}


.area-6 p {
    margin-bottom: 5%;
    line-height: 21px;
}

.question {
    padding: 13px;
}

.img-area {
    height: 327px;
    margin-top: 20px;
}

.text-2 {
    position: absolute;
    text-align: center;
    margin-left: 0px;
    margin-top: 23%;
}


.call-inr-2 h4 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 1px #6c757d;
}

.list-50-100 ul li h3 {
    font-size: 18px;
    width: 88%;
    margin: 0px;
}

.icon-area{margin: 5%;text-align: center;}

.text-heading h4{font-size: 20px;}
.service-inr2 {height: auto;}

.call-inr-2 p {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
.call-area {
    padding: 15px 0;
    height: 230px;
    background: none;
    background-color: #e7b320;
}
.call-inr-2 span {
    color: #000;
}

.span-1 {
    border: none;
    padding: 6px 19px;
    border-radius: 50px;
    background: #e7b320;
    font-weight: 800;
    box-shadow: 0 0 5px #12131552;
    font-size: 15px;
}

.footer-inr2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.copy-inr p {
    text-align: center;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom: 45px;
}

.text-2 h4 {
    font-size: 28px;
    color: #e7b320;
}

.footer-area {padding: 50px 0 0;}

	
/*----------------------------inner-pages----------------------*/	
	
	.page-banner2 {
    padding: 30px 0;
}
	
	.page-inr-3 h1 {
    font-size: 43px;
}
	
	.contact-area {
    padding: 30px 0;
}
	
.inpt-btn-2 {
    width: 25.9%;
    float: left;
    margin: 8px 0%;
    background-color: #e7b320;
    border: none;
    color: #000000;
    padding: 8px 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 26px;
}
	
	.contact-inr2 h2 {
    color: #000;
    font-size: 31px;
}
	
	
	.contact-inr2 ul li .fa {
    font-size: 16px;
    color: #e7b320;
    margin-right: 7px;
}
	
	
	.contact-inr2 ul li h3 {
    font-size: 20px;
    color: #000;
}


.page-banner3 {
    padding: 30px 0;
}

.page-inr-4 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}


.page-banner {
    padding: 30px 0;
}

.page-inr2 h1 {
    font-size: 39px;
    text-align: center;
    color: #fff;
}


.about-inr2 h2 {
    font-size: 32px;
    color: #000;
    text-align: center;
    margin-top: 5%;
}

.about-inr2 span {
    color: #000;
    font-weight: 800;
    font-size: 16px;
}

.about-50-100 ul {
    text-align: center;
    margin-bottom: 3%;
}

.about-inr2 p {
    margin-top: 4%;
    line-height: 25px;
    text-align: justify;
}

.about-area {
    padding: 30px 0;
}

.about-area-2 {
    padding: 10px 0;
}

.about-area2-inr2 h3 {
    font-size: 29px;
    text-align: center;
}

.about-area2-inr2 span {
    font-size: 18px;
}

.about-area2-inr2 ul {
    margin-top: 2%;
}


.page-banner4 {
    padding: 30px 0;
}

.page-inr-5 h1 {
    font-size: 28px;
    text-align: center;
    color: #fff;
}

.page-inr-5 ul li .fa {
    font-size: 14px;
}

.page-inr-5 ul li a {
    margin-right: 4px;
    font-size: 14px;
}	

.service-area-1 {
    padding: 20px 0;
}

.get-in-touch {
    padding: 20px 0;
}

.service-inr-1 h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 3%;
}

.service-inr-2 h3 {
    font-size: 28px;
    color: #000;
}

.service-icon-inr2 p {
    text-align: center;
    line-height: 21px;
}

.service-1-inr h4 {
    font-size: 23px;
    color: #000;
}
.page-banner5 {
    padding: 20px 0;
}

.page-inr-6 h1 {
    font-size: 28px;
    text-align: center;
    color: #fff;
}

.page-inr-6 ul li .fa {
    font-size: 14px;
}

.page-inr-6 ul li a {
    margin-right: 4px;
    font-size: 16px;
}

.why-inr h3 {
    color: #000;
    font-size: 28px;
}

.page-banner6 {
    padding: 20px 0;
}

.page-inr-7 h1 {
    font-size: 25px;
    text-align: center;
    color: #fff;
}

.page-inr-7 ul li .fa {
    font-size: 14px;
}

.page-inr-7 ul li a {
    color: #fff;
    text-decoration: none;
    margin-right: 4px;
    font-size: 14px;
}

.service-inr-1 h3 {
    font-size: 25px;
    text-align: center;
}

.faq-heading h3 {
    font-size: 26px;
    color: #000;
    text-align: center;
}

.faq-heading p {
    line-height: 24px;
}

.question .fa {
    position: absolute;
    right: 31px;
    top: 16px;
    display: flex;
    align-items: center;
    color: #000000;
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    height: 18px;
}

.why-inr-2 ul {
    margin-bottom: 3%;
}

.page-banner6 {
    padding: 30px 0;
}

.page-inr-7 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.service-inr-1 h3 {
    font-size: 24px;
    color: #000000;
    text-align: center;
}

.why-inr h3 {
    color: #000;
    font-size: 30px;
}

.page-banner7 {
    padding: 20px 0;
}

	.page-inr-8 h1 {
    font-size: 38px;
    text-align: center;
    color: #fff;
}



}


/*----------------------------MOBILE-RESPONSIVE------------------------*/

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

.bg-warning-inr ul li {
    display: inline-block;
    margin-right: 11px;
}
.contact-icon {
    margin-top: -6%;
}
.banner-area {
    padding: 50px 0;
    height: 350px;
}

.heading-text-1 h1 {
    font-size: 43px;
    font-weight: 600;
}

.heading-text-2 h2 {
    color: #000;
    font-size: 30px;
    text-align: center;
}
.area-2 {
    padding: 30px 0;
}

.area-inr2 p {
    text-align: center;
}

.list-50-100 ul {
    text-align: center;
}


.appointment-button {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 3%;
}

.area-inr2 img {
    width:50%;
}

.left img {
    z-index: 10;
    position: relative;
    margin-top: 0;
    margin-left: 0;
    box-shadow: 0 0 7px #212529;
    width: 50%;
    margin-bottom: 5%;
}


.heading-text-3 h3 {
    font-size: 27px;
    margin-bottom: 3%;
}

.service-inr2 {
    margin-bottom: 3%;
    height: 350px;
}

.service-inr2 img {
    width: 70px;
}

.area-4 {
    padding: 10px 0;
}

.text-heading h3 {
    font-size: 27px;
}

.form-main {
    padding: 0;
    margin: 0;
    margin-top: 0;
    margin-left: 0;
}


.area-5 {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background: none;
    background-color: #383326;
}

.area-5-inr2 h4 {
    font-size: 26px;
    margin-bottom: 3%;
    margin-top: 4%;
}

.work-area {
    padding: 30px 0;
}


.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 18px !important;
    line-height: 1;
    color: #000000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #e7b320 !important;
    padding: 9px 8px !important;
    margin: -4px -89% !important;
    opacity: 2.75 !important;
}

.slick-prev {
    left: -12px !important;
}

.slick-next {
    right: -12px !important;
}

.area-6 {
    padding-bottom: 25px;
}

.accordion {
    padding: 14px 0;
}

.area-6 h4 {
    text-align: center;
    font-size: 27px;
    margin-bottom: 1%;
}

.area-6 p {
    text-align: center;
    margin-bottom: 7px;
}


.text-2 h4 {
    font-size: 43px;
    color: #e7b320;
}

.text-2 {
    position: absolute;
    text-align: center;
    margin-top: 8%;
}

.img-area {
    height: 240px;
    box-shadow: 0 0 7px #545b62;
}

.button-area2 {
    margin-top: 5%;
}

.call-area {
    padding: 20px 0;
    height: 194px;
}
.call-inr-2 p {
    color: #fff;
    font-size: 17px;
    line-height: 18px;
}

.call-inr-2 h4 {
    color: #fff;
    font-size: 29px;
}

.button-area-3 {
    width: 100%;
    float: left;
    margin-top: 1%;
}

.span-1 {
    border: none;
    padding: 7px 25px;
    border-radius: 50px;
    background: #e7b320;
    font-weight: 800;
    box-shadow: 0 0 10px #212529;
    font-size: 13px;
}

.footer-inr2 {
    text-align: center;
    margin-bottom: 20px;
}


/*-------------------------------inner---pages-----------------------------*/

.page-banner2 {
    padding: 60px 0;
}

.page-inr-3 h1 {
    font-size: 40px;
}

.inpt-btn-2 {
    margin-bottom: 28px;
}

.contact-inr2 h2 {
    color: #000;
    font-size: 28px;
}

.contact-inr2 ul li .fa {
    font-size: 17px;
    color: #e7b320;
    margin-right: 7px;
}

.contact-inr2 ul li h3 {
    font-size: 20px;
    color: #000;
}


.page-banner3 {
    padding: 60px 0;
}

.page-inr-4 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.page-banner {
    padding: 60px 0;
}


.page-inr2 h1 {
    font-size: 40px;
}


.about-inr2 h2 {
    font-size: 33px;
    text-align: center;
    margin-top: 3%;
}

.about-50-100 ul {
    text-align: center;
    margin-bottom: 2%;
}

.about-area {
    padding: 30px 0;
}

.about-inr2 p {
    margin-top: 2%;
    line-height: 25px;
    text-align: justify;
}

.about-area-2 {
    padding: 10px 0;
}

.about-area2-inr2 ul {
    margin-top: 2%;
}


.service-area-1 {
    padding: 30px 0;
}

.get-in-touch {
    padding: 30px 0;
}

.service-inr-1 h2 {
    font-size: 29px;
    text-align: center;
    color: #000;
    margin-bottom: 3%;
}

.service-inr-2 h3 {
    font-size: 33px;
    color: #000;
}

.service-icon-inr2 h3 {
    font-size: 23px;
    margin-top: 2%;
}

.service-1-inr h4 {
    font-size: 28px;
    color: #000;
}

.page-banner4 {
    padding: 40px 0;
}

.page-inr-5 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.page-inr-5 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.page-inr-6 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.page-banner6 {
    padding: 60px 0;
}
.page-inr-7 h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
}

.service-inr-1 h3 {
    font-size: 23px;
    color: #000000;
}

.faq-heading h3 {
    font-size: 28px;
    color: #000;
}

.why-inr h3 {
    color: #000;
    font-size: 28px;
}

.why-inr-2 ul {
    width: 100%;
    float: left;
    margin-bottom: 3%;
}

.service-1-inr h4 {
    font-size: 26px;
    color: #000;
}

.icon-area ul, .about-inr2{text-align: center;}
.about-inr2 img, .service-inr-1 img, .why-inr-2 img {width: 50%;}

}