@media (max-width:900px) {
    html,
    body {
        overflow-x: hidden;
    }
    .slim-container a.slimNav_sk78-reveal {
        color: #fff !important;
    }
    .slim-container a.slimNav_sk78-reveal span {
        background: #fff !important;
    }
    header {
	padding: 10px 0;
	position: fixed;
	background-color: #3b4553;
	height: 64px;
    }
    header div#navigation {
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 0;
        width: 100%;
    }
    header ul.user-sec li a {
        display: none;
    }
    header .menu-area {
        padding: 10px 0;
        position: relative;
    }
    .slim-container .slim-bar {
        background: none !important;
    }
    header div#navigation ul {
        flex-direction: column;
        gap: 0;
    }
    header div#navigation ul li a {
        font-size: 14px;
        line-height: 18px;
        margin-left: 0;
        border-color: #9d9d9d;
        color: #000;
    }
    .slim-container .slim-nav {
        background: #fff !important;
    }
    header ul.user-sec {
        position: absolute;
		top: 14px;
        right: 43px;
        z-index: 999999999;
    }
    header .main-logo a {
        position: relative;
        display: table;
        z-index: 999999999;
    }
    header .main-logo a img {
	max-height: 26px;
	width:110px;
	position: relative;
	top:8px;
    }
	header {
    & ul.user-sec {
        & li {
            a {
                display: block !important;
                background: #0d7dbe !important;
                color: #FFF !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                padding: 8px 8px 8px 10px !important;
                border-radius: 8px !important;
                margin-left: -12px !important;
            }
        }
    }
}
header {
    & ul.user-sec {
        & li {
            img {
                width: 13px;
                margin-left: 6px;
                margin-top: -3px;
            }
        }
    }
}
    section.body-cont3 a.more-btn2 {
        width: 100%;
    }
    .src-pop .modal-dialog {
        max-width: 100%;
    }
}

@media (max-width:767px) {
    section.banner-part .ban-tx {
        padding: 0 20px;
    }
    section.banner-part .ban-tx h2 {
        font-size: 42px;
        line-height: 50px;
    }
    section.body-cont1 {
        padding: 30px 0;
        margin-bottom: 0;
    }
    section.body-cont1 h2 {
        font-size: 25px;
    }
    section.body-cont1 h6 {
        font-size: 16px;
        margin: 0 0 30px;
    }
    section.body-cont1 .wrap {
        max-width: 300px;
        margin: 0 auto 30px;
    }

	
	/*------------- bgparalax -------------*/
	
	section.bgparalax {
    height: 320px;
    background-size: cover;
    background-attachment: fixed;
    padding:0;
    position: relative;
    background-position: center;
}

.bgparalax-content{padding-top: 15px;}

/*------------- bgparalax end -------------*/
	
	
    section.body-cont2 ul {
        justify-content: center;
        padding: 30px 0;
        flex-direction: column;
    }
    section.body-cont2 ul li {
        text-align: center;
        padding: 30px 0;
        border-left: 0;
        border-bottom: 4px solid #F7BE2C;
    }
    section.body-cont2 ul li:first-child {
        padding: 30px 0;
        border: 0;
        border-bottom: 4px solid #F7BE2C;
    }
    section.body-cont2 ul h2 {
        font-size: 30px;
    }
    section.body-cont2 ul p {
        font-size: 18px;
    }
    section.body-cont3 {
        padding: 30px 0;
        background-position: center;
        background-size: 100%;
    }
    section.body-cont3 h2 {
        font-size: 26px;
    }
    section.body-cont3 h6 {
        margin: 0 0 20px;
    }
    section.body-cont3 .sec1 {
        align-items: center;
    }
    section.body-cont3 video {
        max-width: 300px;
        margin: 40px auto;
    }
    section.body-cont3 .sec2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    section.body-cont4 {
        padding: 30px 0;
        text-align: center;
    }
    section.body-cont4 h2 {
        font-size: 22px;
        line-height: 33px;
        margin: 0 0 20px;
    }
    section.body-cont4 a {
        margin: 0 auto 25px;
    }
    section.body-cont4 h3 {
        font-size: 30px;
    }
    section.body-cont4 h6 {
        margin: 0 0 30px;
    }
    section.body-cont5 {
        padding: 30px 0;
    }
    section.body-cont5 h2 {
        font-size: 25px;
        margin: 0 0 25px;
        text-align: center;
    }
    section.body-cont5 ul li {
        gap: 15px;
        flex-direction: column;
    }
    section.body-cont5 h3 {
        font-size: 50px;
    }
    section.body-cont5 h4 {
        font-size: 18px;
    }
    section.body-cont5 p {
        font-size: 14px;
    }
    section.body-cont5 ul li:nth-child(2) {
        flex-direction: column;
    }
    section.body-cont5 .img-wap {
        margin: 30px 0 0;
    }
    section.body-cont5 .img-wap img {
        width: 43%;
    }
    section.body-cont5 .img-wap img.img1 {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    section.body-cont6 {
        padding: 30px 0;
    }
    section.body-cont6 h2 {
        font-size: 25px;
    }
    section.body-cont6 h6 {
        font-size: 16px;
        margin: 0 0 25px;
    }
    section.body-cont6 img {
        border-radius: 20px;
        margin: 0 auto 20px;
        max-width: 250px;
        display: block;
    }
    section.body-cont7 h2 {
        font-size: 25px;
        text-align: center;
    }
    section.body-cont7 p {
        font-size: 15px;
        text-align: center;
    }
    section.body-cont7 .wapp {
        margin: 15px 0;
    }
    section.body-cont7 {
        padding: 0 0 30px;
    }
    section.body-cont8 {
        padding: 30px 0;
    }
    section.body-cont8 .wrap {
        flex-direction: column;
        padding: 25px;
        text-align: center;
        margin-bottom: 30px;
    }
    section.body-cont8 .wrap h3 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    section.body-cont8 .wrap a {
        margin: 0 auto;
    }
    section.body-cont8 img {
        max-width: 200px;
        margin: 0 auto;
    }
    section.body-cont9 {
        padding: 30px 0;
    }
    section.body-cont9 h2 {
        font-size: 25px;
        margin: 0 0 20px;
        text-align: center;
    }
    section.body-cont10 {
        padding: 30px 0;
    }
    section.body-cont10 h2 {
        font-size: 25px;
        text-align: center;
       /* position: relative;
        left: 128px;*/
    }
    section.body-cont10 h6 {
        font-size: 14px;
        margin: 0 0 23px;
        text-align: center;
    }
    section.body-cont10 a.alll-btn {
        padding: 10px 24px;
        font-size: 16px;
        margin: 0 auto 30px;
        display: table;
    }
    section.body-cont10 .wrap .auth .price {
        font-size: 20px;
        width: 143px;
    }
    section.body-cont10 .wrap {
        margin: 0 0 30px;
    }
    section.body-cont11 h2 {
        font-size: 25px;
        text-align: center;
        margin-top: 40px;
    }
    section.body-cont11 h6 {
        font-size: 14px;
        margin: 0 0 20px;
        text-align: center;
    }
    section.body-cont11 a {
        margin: 0 auto 25px;
    }
    section.body-cont11 .wrap {
        margin: 0 0 15px;
        padding: 15px;
    }
    section.body-cont11 .accordion-toggle {
        font-size: 15px;
        line-height: 22px;
        padding-right: 28px;
    }
    section.body-cont11 p {
        font-size: 14px;
        margin: 11px 0 0;
    }
    section.body-cont11 {
        padding: 0 0 25px;
    }
    section.body-cont12 {
        padding: 30px 0;
    }
	section.body-cont13 {
	.bgparalax-content{
	display:inline-block;
	align-items: center;
	margin: -10px 0px 0px 0px;
	padding: 18px 0px 18px 0px;
	height: 100%;
	text-align: center;
	}
	h2 {
	font-size:24px;
	}
     p{
	text-align: center;
	margin:-25px 0px 11px -11px;
	font-size: 14px;
	}
	
}
	/*----- footer -----*/
	footer {
        padding: 30px 0 20px;
    }
    footer p {
        font-size: 16px;
        line-height: 26px;
    }
    footer .social {
        margin: 0 0 25px;
    }
    footer h2 {
        font-size: 20px;
        margin: 0 0 0px;
    }
    footer ul.menu li a {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        display: table;
    }
    footer ul.menu {
        margin-bottom: 30px;
    }
    footer h6 {
        font-size: 16px;
        line-height: 34px;
        margin: 0 0 0;
    }

 .Copyright-section h6 {
    right: 0;
    top: 0;
	display: contents;
  }

  .Copyright-section ul {
    left: 0;
    font-size: 13px;
    margin-right: 51px !important;
  }

  .Copyright-section ul li {
    display: inline-block;
    margin: 0 10px;
  }

  .Copyright-section {
    text-align: center;
    line-height: 28px;
  }
	
	/*----- footer end -----*/
	
    section.body-cont6 p {
        margin: 0 0 30px;
    }
    section.conmtact-page {
        padding: 20px 0;
    }
    section.conmtact-page h2 {
        font-size: 38px;
    }
    section.conmtact-page2 iframe {
        width: 100%;
        height: auto;
    }
    section.inner-ban img {
        width: 100%;
        opacity: 0.4;
        min-height: 200px;
        object-fit: cover;
    }
    section.inner-ban .ban-tx h2 {
        font-size: 35px;
        color: #fff;
    }
    section.inner-ban .ban-tx {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 32px;
    }
    section.ab-body-cont1 {
        padding: 20px 0;
        text-align: center;
    }
    section.ab-body-cont1 h2 {
        font-size: 35px;
        margin-top: 20px;
    }
    section.ab-body-cont1 a {
        margin: 30px auto 0;
    }
    section.ab-page {
        padding: 0 0 20px;
        text-align: center;
    }
    section.ab-page h2 {
        font-size: 31px;
        font-weight: 275;
        margin-bottom: 6px;
        text-transform: capitalize;
    }
	
/*----- service-section -----*/

.service-body .service-section{padding:31px 13px 0px 13px;}
	
/*----- service-section end -----*/




/*---------- service-details ----------*/

.left-section img {height: 340px;}
.left-section .service-details .service-content .detail-list li {font-size: 14.9px;}

.right-section {margin-top:0;}
.right-section .service-list .stitle {font-size: 26px;}
/*---------- service-details end ----------*/

}

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

@media (min-width:1024px) and (max-width:1366px) {}