/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
/*!
Project Name: Horac Nepal
UI /UX  Developer: Bikash Bhandari
Email: bikash.433@gmail.com
URL: www.bhandaribikash.com.np
Description: Horac Nepal
*/

@media only screen and (max-width: 1280px) {
	.img-feature{left: 0%;}
}

@media only screen and (max-width: 1199px) {
		.header .nav li{margin-right: 15px;}
		.right-bar .right-nav li a img{max-height: 60px;}
		.right-bar .right-nav li a:after{width: 75px; left:-7px; height: 75%;}
		.right-bar .right-nav li a{margin-right: 45px;}
		.header .nav li a{padding: 2px 10px;}
		.right-bar .right-nav li a img{margin-top: -25px;}
		.topbar-right .button .homes-btn{padding: 5px 15px;}
		.header.sticky .right-bar .right-nav li a img{margin-top: -7px;}
		.hero-slider .hero-text h1{font-size: 35px; line-height: 35px;}
		.single-news .news-title a{font-size: 18px;}
		.features-main p, .section-title p, .att-area p, .testimonial-inner .single-slider p
		{font-size: 14px;}
		.single-feature p{font-size: 13px;}
		.hero-slider .owl-carousel .owl-nav div, .blog-latest.owl-carousel .owl-nav div, 
		.service-slider.owl-carousel .owl-nav div{width: 35px; height: 35px; line-height: 35px;}
		.img-wrapper img{max-height: 330px;}
		.hero-slider:hover .owl-carousel .owl-nav .owl-next{left: 50px;}
		.header .nav li .sub-menu{left: -65px;}
		.middle-header{max-width: 99.5%;}
		.top-contact {padding-top: 15px;}
		.header.sticky .nav li a {padding: 14px 10px;}
		.att-area{background-position: center;}
		.img-feature{width: 90%; left: 4%;}
		.about-img{height: 300px; width: 300px;}
		.event .section-title{padding-top: 0px !important;}
	}

	@media only screen and (max-width: 991px) {
		.message-box:after{bottom: 100%; top: auto; right: 48%; rotate: 90deg;}
		.faq_list{padding-top: 30px;}

		.img-feature{position: relative; margin-bottom: -50px; width: auto; left: 0;}

		.side.overlay:before{
			width: 99%;  left: 70%;
			/* transform: rotate(180deg); width: 100%; left: 0%; top: 1%; background: none; background-repeat: no-repeat;  */
			background: -webkit-linear-gradient(115deg, #03b664, #ffc039);
			background: linear-gradient(-25deg, #03b664, #ffc039);
			background: -webkit-linear-gradient(-25deg, #03b664, #ffc039);
		}
	    .right-bar .right-nav li a:after{left: -20px;}
	    .header .img-logo a{padding-top: 5px; padding-bottom: 5px;}
	    .header .nav-inner{float: none !important; text-align: left !important; 
	    	position: absolute; width: 300px; right: 2%;  z-index: 2;  top: 20px; background: #fff; 
			box-shadow: 0 15px 39px 0 rgba(8,18,109,.1);}
		.header .nav li .sub-menu{
			padding: 0px; right: 6px; left: auto; width: 97%;
		}
	    .navbar-expand-lg .navbar-collapse {display: none !important;}
	    .navbar-expand-lg .navbar-collapse.show {display: block !important;}
	    .navbar-toggler{position: absolute; right: 0px; top: 0; border:0 !important;
	        border-radius: 0px; outline: none !important; padding: 5px 20px;}
	    .navbar-toggler{ color: #fff;  text-align: center; display: block;
	        cursor: pointer; margin-right: 0px; letter-spacing: 0.05em; 
	        margin-top: -30px; transform: skew(0deg); background: #79addc; 
	        font-size: 24px; border-radius: 100%; width: 50px; height: 50px;
	        line-height: 10px; padding: 2px; z-index: 3;
	    }
	    .navbar-toggler .navbar-toggler-icon {
	    background-image: url(../img/list.png); width: 1em; height: 1em;}
	    .navbar-toggler:hover{background: #76bb47;}
	    .right-bar{top: -40px;}
	    .right-bar, .right-bar .right-nav li a{line-height: 15px;}
		.header .nav li{margin-left: 0px;}
	    .header .nav li a::before{height: 2px;}
	    .header .nav li a{border:none; border-bottom: 1px solid #e1ecff; padding: 10px 15px;
		border-radius: 0px; color: #123456;}
		.header .nav li.active a, .header .nav li:hover a {
			color: #fff;
			background:#14b761;
			border-color: #14b761;
		}
		.header .nav li .sub-menu{background: #fff;}
		.header .nav li .sub-menu li a, .header .nav li .sub-menu li .sub-menu li a
		{color: #123456; border-bottom: 1px solid #e1ecff;}
		.header .nav li .sub-menu li:last-child a, .header .nav li .sub-menu li .sub-menu li:last-child a{border: none;}
		.header .nav li .sub-menu li a:hover, .header .nav li .sub-menu li .sub-menu li a:hover{
			color: #fff; border-color: #14b761;}

		.header .nav li .sub-menu li .sub-menu{left: auto; right: 100%;}

	    .breadcrumbs{min-height: 350px;}
	    .blog-sidebar{margin-top: 0px;}
	    .footer .f-link ul li{line-height: 20px; margin-bottom: 10px;}
		.footer .f-link ul li:last-child{margin-bottom: 10px;}
		.header .nav li{display: block;}
		.right-bar .right-nav li a{margin-right: 0px;}
		.right-bar .right-nav li a, 
		.header.sticky .right-bar .right-nav li a{margin-top: 2px;}
		.topbar{padding: 10px;}
		.right-bar .right-nav li a:after{display: none;}
		.header .img-logo a{background: transparent;}
		.header .text-logo a img, .header .img-logo a img, 
		.header.sticky .img-logo img{max-height: 100px; margin-top: 0px;}
		.top-contact.text-right{text-align: left !important;}
		.header.sticky .right-bar .right-nav li a img,
		.right-bar .right-nav li a img{max-height: 65px;}
		.header.sticky .right-bar .right-nav li a img{margin-top: -55px;}
		.topbar .single-contact{font-size: 13px; padding-top: 10px;}
		.img-wrapper img{max-height: 400px;}
		.career-box li span{font-size: 12px;}
		.single-contact-box h4{font-size: 14px;}
		.pf-details .single-content h2, .contact-form-area h4, .contact-box-main .contact-title h2
		{font-size: 18px;}
		.single-contact-box .c-icon{margin-right: 10px;}
		.contact-box-main{margin-top: 15px;}
		.hero-slider .welcome-text{padding-top: 120px; max-width: 100%;}
		.hero-slider, .hero-slider .single-slider_main {height: 645px;}
		.section-space {padding: 60px 0;}
		.footer .footer-top{padding: 60px 0px 30px 0px;}
		.footer .copyright{padding: 15px 0px;}
		.footer .copyright .text-right{text-align: left !important;}
		.footer .social{padding-bottom: 5px;}
		.footer .social li, .social a{margin-right: 0px; margin-left: 5px;}
		#scrollUp{bottom: 15%;}
		.att-area{padding-top: 0px;}
		.section-title h1, .section-title h2{font-size: 24px; margin-bottom: 15px;}
		.video-feature{padding-top: 0px;}
		.pay_dtl{margin-right: 0px; position: relative; z-index: 9;}
		.pay_dtl figure img{padding: 10px; background: #fff; border-radius: 9px;}
		.video-feature .img-feature{text-align:right; margin-top: -160px; margin-bottom: 0px;}
		.video-feature .img-feature img{margin-top: 0px; max-height: 400px;}
		.bank_info{display: inline-block; position: relative; vertical-align: middle;}
		.bank_info.mb-2{margin-right: 30px; margin-bottom: 0px;}
		.about-img{height: 500px; width: 500px;}
		.about-title{text-align: center !important; margin-bottom: 15px !important;}
		.about-img, .footer .single-widget h3{margin-top: 0px !important; margin-bottom: 15px !important;}
		.slide-shape{z-index: 0; opacity: .2;}
		.homes-btn.theme-1, .homes-btn.theme-2{
			padding: 3px 30px 3px 15px !important;
		}
		.homes-btn.theme-1 i, .homes-btn.theme-2 i{right: 10px !important;}
		.appointment-sec .contact-form-area{margin-bottom: 30px;}

}

/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
/* Tablet Screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body{
	font-size:14px; 
}
.career-details .small-list-feature ul li span{padding-left: 5px;}
p{
	font-size:14px;
}
.section-title {
    padding: 0;
}
.section-title.style2 {
	padding: 0;
}
.section-title.text-left{
	padding:0;
}
.breadcrumbs h2{
    font-size:34px;
}
.breadcrumbs .bread-title, 
.breadcrumbs .bread-menu {
	float: none;
}
.breadcrumbs .bread-menu{
	margin-top:0px;
}
.topbar {
    text-align: center;
}
.top-contact{
    padding:0;
}
.topbar .single-contact{
	margin-right:10px;
}
.topbar .single-contact:last-child{
	margin:0;
}
.topbar-right {
    margin-top: 9px;
    float: none;
    text-align: center;
}
.topbar .social-icons {
    text-align: center;
    margin: 0;
    float: none;
    padding: 0;
}
.topbar-right .button{
	/* display:none; */
	float: none !important;
}
.topbar-right .button .homes-btn {
    float: left;
}
.header .nav-inner {
	float: left;
	margin-right: 0px;
}
.right-bar .right-nav li a {
	color: #333;
	width: auto;
	height: auto;
}
/*.header .navbar {
    padding: 0;
    display: initial;
    flex-wrap: initial;
}*/
.header .navbar-nav {
    display: initial;
}
.header .nav li {
	margin-right: 15px;
}
.header .nav li a {
    font-size: 14px;
}
.header .nav li a:after{
	display:none;
}
.header.style2 .middle-header{
	top:83px;
}
/* .right-bar:after{
} */
.right-bar ul li {
	margin-right: 8px;
}
.right-bar .right-nav li a:hover{
	color:#F3A712;
}
.hero-slider .hero-text h1 {
    font-size: 35px;
    line-height: 50px;
}
/* .hero-slider, .hero-slider .single-slider {
    height: 550px !important;
} */

/* .hero-slider .welcome-text {
    margin: 109px 0 0;
} */

.about-content .section-top h1 {
	font-size: 22px;
	line-height: 30px;
}
/* Hero Agency */
.hero-agency .agency-inner {
	height: 700px !important;
}
.hero-agency .ageny-main {
	padding-top: 117px;
}
.hero-agency .hero-text h1 {
	font-size: 45px;
	line-height: 50px;
}
.hero-agency .a-feature {
	width: 165px;
	padding: 20px 5px;
	margin-right: 10px;
}
.hero-agency .a-feature p {
	line-height: 18px;
	font-size: 13px;
}
.hero-agency .a-feature h4 {
	font-size: 16px;
}
.service-sidebar {
	margin-top: 30px;
}
/* .side.overlay::before{
	display:none;
} */
.img-feature span {
  font-size: 16px;
  padding: 8px 15px;
  margin-top: -20px;
}
.img-feature .video-play a {
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 25px;
    top: 50%;
}
.img-feature .video-play {
    margin-left: -37.5px;
    margin-top: -37.5px;
}
.features-main .b-features {
	margin-top: 10px;
}
.features-main h2 {
	margin-bottom: 0;
	padding-top: 10px;
}
.features-main .single-list-feature h4 {
	font-size: 15px;
	margin-bottom: 5px;
}
.features-main .single-list-feature i,.features-main .title p{
	display:none;
}
.features-main .single-list-feature {
	padding: 0;
	margin-top: 10px;
}
.features-main .single-list-feature p{
	line-height:20px;
	font-size:13px;
}
.single-service p {
  font-size: 14px;
  margin:0;
}
.single-service h4 a {
  font-size: 18px;
}
.single-service h4 {
  margin-bottom: 5px;
}
.single-service .service-content {
	padding: 30px 15px;
}
.single-service h4 a {
	color: #28243C;
	font-size: 16px;
}
.single-service .icon-bg {
	bottom: -30px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
}
.call-action .call-inner{
	text-align:center;
}
.call-action .call-inner h2 {
	font-size: 30px;
	margin-bottom: 10px;
}
.call-action .button {
	float: none;
	text-align: center;
	margin-top: 15px;
}
.single-team .team-arrow a {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
}
.header.style2 .logo {
	margin-top: 14px;
}
.header.style2 .nav-inner {
	margin-right: 92px;
	float: right;
}
.header.style2 .nav li {
	margin-right: 10px;
}
.header.style2 .nav li a {
	font-size: 13px;
}
.header.style2 .button {
	top: 10px;
}
.header.style2 .homes-btn {
	padding: 10px 5px;
	font-size: 13px;
}
.blog-latest .single-news .news-head, .blog-latest .single-news .news-body {
    width: 100%;
    display: initial;
    background: transparent;
    vertical-align: initial;
	padding:0;
}
.blog-single .blog-detail .blog-title {
	font-size: 24px;
	line-height: 40px;
	margin: 8px 0;
}
.blog-latest .single-news .news-head span {
    width: 100%;
    position: relative;
    height: 200px;
    background-size: cover;
}
.blog-latest .single-news .homes-btn {
    width: 122px;
    padding: 10px 00px;
}
.blog-latest .single-news .news-content {
    padding: 20px;
}
.blog-latest .single-news .news-text {
    margin-top: 10px;
}

.faq-title a{
	padding:12px;
	font-size:16px;
}
.faq-body{
	padding:15px 20px;
}
.pf-details .small-list-feature{
	margin-top:40px;
}
.error .error-inner h2 {
	font-size: 30px;
}
.error-inner h4 {
	font-size: 80px;
	line-height: 80px;
}
.error .error-inner h2{
	margin:10px 0;
}

.contact-form-area{
	padding:20px;
}

.map{
	height:350px !important;
}
.single-pricing .p-best p {
    font-size: 12px;
}	
.single-pricing .small-title span{
	font-size:13px;
}
.single-pricing .price-head {
    padding: 28px 0 20px;
}
.single-pricing .p-best {
    top: 4px;
    left: -48px;
}
.footer .single-widget .single-f-news{min-height: 85px;}
}

@media only screen and (max-width: 900px) {
	.topbar .single-contact{padding-top: 0px;}
	.topbar-right .button{margin-left: -30px;}
	.footer .single-widget .single-f-news{min-height: 80px;}
}

@media only screen and (max-width: 768px) {
	.breadcrumbs{background-position: center center;}
	.testimonial-inner .t-right .quote{height: 50px; font-size: 40px;}
	.footer .single-widget .single-f-news{min-height: 75px;}
	.contact-form-area .form-group{margin-top: 15px;}
	.contact-form-area .form-group input, .contact-form-area .form-group select {
		height: 34px;
		padding: 0px 10px 0 35px;
	}
	.contact-form-area .form-group .icon{top: 36px;}
	.contact-form-area .form-group input[type="file" i] {
		padding-top: 4px;
		font-size: 10px;
		line-height: 17px;
	}
}

/* Mobile Screen */
@media only screen and (max-width: 767px) {
		.appointment_head h6 span{min-width: inherit;}
		.side.overlay:before{top: 0; display: none !important;}
		.navbar-toggler{margin-top: 0px; height: 40px; width: 40px; font-size: 20px;}
		.single-contact-box i{font-size: 25px; width: 55px; height: 55px; line-height: 55px}
		.header .nav-inner{top: 0px; right: 4%;}
		.breadcrumbs{min-height: 320px;}
		.breadcrumbs h2{line-height: 30px;}
		.img-wrapper img{max-height: 340px;}
		.breadcrumbs .bread-title, 
		.breadcrumbs .bread-menu {
			float: none;
		}
		.breadcrumbs .bread-menu{
			margin-top:0px;
		}
		.breadcrumbs .bread-menu span {
			font-size: 15px;
		}
		.breadcrumbs h2{
			font-size:26px;
		}


		.header .img-logo,.header.style2 .img-logo{
			margin: 0;
		}
		.header .text-logo,
		.header.style2 .text-logo {
			margin-top: 0;
		}
		.mobile-nav {
			position: relative;
			margin-top: -24px;
			z-index: 5000;
		}
		.header.style2 .middle-header {
			padding: 0;
			top: 112px;
		}
		.header.style2 .topbar-right{
			margin-top:5px;
		}
		.header.style2 .topbar {
			padding: 8px 0 22px;
		}
		.top-contact{
			padding:0;
		}
		.hero-slider .hero-text h4 {
			padding: 5px 20px;
		}	
		.section-title.style2 .section-top,.section-title.style2 .section-bottom {
			float: none;
			width: 100%;
		}	
		.section-title.style2 .text-style-two {
			margin-top: 20px;
			text-align: left;
		}

		.section-title h1, .section-title h2 {
			font-size: 24px; line-height: 30px;
		}	
		/*.mobile-nav {
			position: relative;
			margin-top: -21px;
		}	
		.menu-area{
			display:none;
		}*/
		.topbar .top-contact{
			margin:0;
			text-align: right !important;
			padding-right: 20px;
		}
		/*.slicknav_nav li {
			border-bottom: 1px solid #ebebeb;
			line-height: 30px;
		}
		.slicknav_nav li:last-child{
			border:none;
		}
		.slicknav_menu{
			display:block;
		}
		.slicknav_menu {
			display: block;
			background: transparent;
			padding: 0;
		}
		.slicknav_btn {
			background: transparent;
			padding: 0;
			margin: 0;
			margin-right: 10px;
		}
		.slicknav_menu .slicknav_icon-bar{
			box-shadow:none;
		}
		.slicknav_menu .slicknav_icon-bar {
			background: #2E2751 !important;
		}
		.skill-image{
			display:none;
		}
		.slicknav_nav {
			clear: both;
			color: #fff;
			margin: 0;
			background: transparent;
			padding-top: 15px;
		}
		.slicknav_nav li a{
			margin: 0;
			color: #333;
			background: transparent;
			overflow: hidden;
		}
		.slicknav_nav li a i{
			display:none;
		}
		.slicknav_nav li a:hover{
			color:#1A9F68;
			background:transparent;
		}
		.slicknav_nav li:hover{
			background:transparent;
		}
		.slicknav_nav li .dropdown li:hover{
			background:transparent;
		}
		.slicknav_nav li .dropdown li a{
			color:#555;
			background:transparent;
		}
		.slicknav_nav li .dropdown li a:hover{
			color:#1A9F68;
			background:transparent;
		}
		.slicknav_nav li .slicknav_item{
			background:transparent;
		}
		.slicknav_nav .slicknav_row, .slicknav_nav a {
			padding: 0;
			margin: 0;
			padding: 6px 0;
			font-weight: 500;
		}
		.slicknav_nav li:last-child a{
			padding-bottom:0px;
		}
		.slicknav_menu .slicknav_icon-bar {
			background-color: #1A9F68;
			box-shadow: none;
			text-shadow: none;
		}
		.slicknav_nav .slicknav_arrow{
			color:#666;
		}
		.slicknav_menu .slicknav_icon-bar {
			display: block;
			width: 25px;
			height: 3px;
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
			border-radius: 1px;
			-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
			-moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
			box-shadow: 0 1px 0 rgba(0,0,0,.25);
		}
		.slicknav_nav li .slicknav_item:hover{
			background:transparent;;
		}
		.header.style2 .middle-header {
			padding: 0;
			top: 112px;
		}
		.header.style2 .slicknav_menu .slicknav_icon-bar{
			background:#fff !important;
		}
		.header.style2 .mobile-nav {
			margin-top: -20px;
		}
		.header.style2 .middle-inner {
			background: #2E2751;
			z-index: 2035;
			padding: 22px 20px;
		}
		.header.style2 .slicknav_nav {
			background: #fff;
			padding: 20px;
			margin-top: 35px;
		}*/
		.hero-agency .video-head .video {
			width: 70px;
			height: 70px;
			line-height: 70px;
			font-size: 25px;
		}
		body{
			font-size:14px;
		}
		p{
			font-size:14px;
		}
		.section-title {
			padding: 0;
		}
		.section-title.style2 {
			padding: 0;
		}
		.section-title.text-left{
			padding:0;
		}
		.topbar {
			text-align: center; padding: 9px;
		}
		.topbar .single-contact{
			margin-right:10px;
			line-height: 15px;
		}
		.topbar .single-contact:last-child{
			margin:0;
		}
		.topbar-right {
			text-align: center;
			margin-top: 5px;
			margin-right: 45px;
		}
		.topbar .social-icons {
			text-align: center;
			margin: 0;
			padding: 0;
			float: none;
		}

		.topbar-right .button{
			/* display:none; */
			float: none !important;
			margin-left: auto; margin-right: auto;
			font-size: 13px;
		}

		.right-bar .right-nav li a {
			color: #333;
			width: auto;
			height: auto;
		}
		.breadcrumbs .bread-menu li a {
			font-size: 15px;
		}
		.breadcrumbs h2 {
			font-size: 26px;
			margin-top: 0px;
			padding: 0;
		}
		/*.header .navbar {
			padding: 0;
			display: initial;
			flex-wrap: initial;
		}
		.header .navbar-nav {
			display: initial;
		}
		.header .nav li {
			margin-right: 15px;
		}*/
		.header .nav li a {
			font-size: 14px;
		}
		.header .nav li a:after{
			display:none;
		}
		/* .right-bar:after{
		} */
		.right-bar ul li {
			margin-right: 8px;
		}
		.right-bar .right-nav li a:hover{
			color:#F3A712;
		}
		.hero-slider .hero-text h4 {
			font-size: 18px;
		}
		.hero-slider .hero-text h1 {
			font-size: 25px;
			line-height: 24px;
			margin-top: 5px;
		}
		.hero-slider .hero-text p{padding-top: 0px;}
		/*.hero-slider .single-slider {
			background: #fff !important;
		}*/
		.hero-slider .hero-text .p-text {
			max-width: 100%;
		}
		.hero-slider .hero-text .button .homes-btn {
			font-size: 13px; padding: 3px 30px 3px 10px !important;
		}
		.homes-btn.theme-1 i{right: 5px;}
		.hero-slider .hero-text .button {
			margin-top: 25px;
		}
		/* Hero Agency */
		.hero-agency .agency-inner {
			height: 1000px !important;
		}
		.hero-agency .ageny-main {
			padding-top: 88px;
		}
		.hero-agency .hero-text h4 {
			font-weight: 500;
			font-size: 18px;
		}
		.hero-agency .hero-text h1 {
			font-size: 28px;
			line-height: 30px;
		}
		.hero-agency .video-head {
			margin-top: 15px;
		}
		.hero-agency .agency-feature {
			margin-top: 0px;
		}
		.hero-agency .a-feature {
			padding: 20px 5px;
			margin-right: 0;
			margin-top: 10px;
			width: 100%;
		}
		.hero-agency .a-feature:last-child{
			margin-top:10px;
		}
		.hero-agency .a-feature p {
			line-height: 18px;
			font-size: 13px;
		}
		.hero-agency .a-feature h4 {
			font-size: 14px;
			margin:5px 0;
		}
		.hero-agency .a-feature p{
			font-size:13px;
		}
		.service-sidebar {
			margin-top: 30px;
		}
		.service-single .service-content h2 {
			font-size: 24px;
			margin: 18px 0;
			line-height: 32px;
		}
		.service-single .modern-img-feature,
		.pf-details .modern-img-feature{
			margin-top:30px;
		}
		.img-feature span {
			font-size: 14px;
			padding: 8px 15px;
			margin: 0;
		}
		.img-feature .video-play a {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 25px;
		top: 50%;
		}
		.img-feature .video-play {
		margin-left: -35px;
		margin-top: -35px;
		}
		.features-main {
			margin-top: 30px;
		}
		.features-main .b-features {
			margin-top: 10px;
		}
		.features-main h2 {
			margin-bottom: 0;
			padding-top: 10px;
		}
		.features-main .single-list-feature h4 {
			font-size: 15px;
			margin-bottom: 5px;
		}
		.features-main .single-list-feature i, .features-main .title p {
			display: block;
			position: relative;
		}
		.features-main .single-list-feature {
			padding: 0;
			margin-top: 10px;
		}
		.features-main .single-list-feature p{
			line-height:20px;
			font-size:13px;
		}
		.single-service p {
		font-size: 14px;
		margin:0;
		}
		.single-service h4 a {
		font-size: 18px;
		}
		.single-service h4 {
		margin-bottom: 5px;
		}
		.single-service .service-content {
			padding: 30px 15px;
		}
		.single-service h4 a {
			color: #28243C;
			font-size: 18px;
		}
		.single-service .icon-bg {
			bottom: -30px;
			width: 60px;
			height: 60px;
			line-height: 60px;
			font-size: 22px;
		}
		.blog-single .blog-detail .blog-title {
			font-size: 20px;
			line-height: 30px;
		}
		.call-action .call-inner{
			text-align:center;
		}
		.call-action .call-inner h2 {
			font-size: 23px;
			margin-bottom: 10px;
		}
		#portfolio-nav li {
			display: inline-block;
			/* float: initial; */
		}
		.pf-details .single-content h1{
			font-size:22px;
		}
		.testimonial-inner .client-head {
			display: inline-block;
		}
		.testimonial-inner .t-left h2 {
			font-size: 16px;
		}
		.single-pricing .p-best {
			top: 9px;
			left: -46px;
		}
		.call-action .button {
			float: none;
			text-align: center;
			margin-top: 15px;
		}
		.single-team .team-arrow a {
			width: 44px;
			height: 44px;
			line-height: 44px;
			font-size: 22px;
		}
		.header.style2 .logo {
			margin-top: 0;
		}
		.header.style2 .nav-inner {
			margin-right: 92px;
			float: right;
		}
		.header.style2 .nav li {
			margin-right: 10px;
		}
		.header.style2 .nav li a {
			font-size: 13px;
		}
		.header.style2 .button {
			top: 10px;
		}
		.header.style2 .homes-btn {
			padding: 10px 5px;
			font-size: 13px;
		}
		.blog-latest .single-news .news-head, .blog-latest .single-news .news-body {
			width: 100%;
			display: initial;
			background: transparent;
			vertical-align: initial;
			padding:0;
		}
		.blog-latest .single-news .news-head span {
			width: 100%;
			position: relative;
			height: 200px;
			background-size: cover;
		}
		.blog-latest .single-news .homes-btn {
			padding: 5px 15px; font-size: 14px;
		}
		.blog-latest .single-news .news-content {
			padding:20px;
		}
		.blog-latest .single-news .news-text {
			margin-top: 10px;
		}
		.pf-details .small-list-feature{
			margin-top:40px;
		}
		.error {
			padding: 100px 0;
		}
		.error .error-inner {
			text-align: left;
			margin-bottom: 25px;
		}
		.error .error-inner h2 {
			font-size: 30px;
		}
		.error-inner h4 {
			font-size: 75px;
			line-height: 75px;
		}
		.error .error-inner h2{
			margin:10px 0;
		}

		.contact-form-area{
			padding:20px;
		}
		.map{
			height:300px !important;
		}
		.success .mail h2 {
			font-size: 25px;
			line-height: 30px;
		}

		.bank_details .col-lg-8{padding-right: 15px;}
		.bank_info{display: block; width: 100%; max-width: 100%;}
		.bank_info.mb-2{margin-right: 0px;}
		.video-feature{padding-bottom: 30px;}
		.video-feature .img-feature{display: none;}

		.header .nav li .sub-menu li .sub-menu {
			left: auto;
			right: auto;
			top: 100%;
		}
		.blog-latest.news-latest-slider .single-news, .blog-latest.news-latest-slider .single-news
		{margin-top: 0px;}
		.become_sec p{max-width: 90%;}
		.section-title h1, .section-title h2, 
		.section-title h1 span, .section-title h2 span{ margin-bottom: 10px;}
		.section-title h1 span, .section-title h2 span{font-size: 14px;}
		.footer .single-widget .single-f-news{min-height: 70px;}
		.appointment-sec .contact-form-area .form-group.button {
			margin-top: 20px !important;
		}

}
	/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
@media only screen and (max-width: 600px) {
	.topbar .single-contact:last-child{display: none !important;}
	.topbar{padding-top: 2px;}
	.img-feature img{width: 99%;}
	.img-feature span{right: 9px; top: 180px;}
	.footer .single-widget .single-f-news{min-height: 65px;}
}
	/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
@media only screen and (max-width: 575px) {
		.testimonial-inner .t-right .quote{height: 40px; font-size: 36px;}
		.img-feature{margin-bottom: -15px;}
		.img-feature span{right: 7px; top: 150px;}
		#scrollUp i{height: 30px; width: 30px; line-height: 30px;}
		.topbar{min-height: 62px;}
		.img-wrapper img{max-height: inherit;}

		.hero-slider, .hero-slider .single-slider_main, .hero-slider .single-slider {height: 360px!important;}
		.hero-slider .hero-text h1{padding-bottom: 0px !important; padding-top: 0px; margin-top: 0px;}
		.hero-slider .hero-text h4{padding: 0px !important;}
		.hero-slider .hero-text p{display: none;}
		.header .text-logo a img, .header .img-logo a img{max-height: 45px;}

		.single-team .team-social{width: 32px;}
		.career-box li i{min-width: 20px;}
		.single-service .icon-bg{height: 50px; width: 50px; line-height: 50px;}
		.section-title h1, .small-list-feature ul li, .pf-details .single-content h2,
		.single-team .team-social li a, .service-main-box h3,
		.service-sidebar .widget ul li, .breadcrumbs h2, .section-title h2, .text, .att-area p, .features-main p{line-height: 24px;}
		.footer-news .single-f-news .content .title, .career-details .small-list-feature ul li{line-height: 20px;}
		.topbar .col-lg-8.col-12{display: none;}
		.hero-slider .hero-text h1, .section-title h1, .service-main-box h3,
		.breadcrumbs h2, .section-title h2{font-size: 20px;}
		.pf-details .single-content h2{font-size: 18px;}
		.single-service h4 a, .single-feature h4 a, .single-news .news-title a,
		.footer .single-widget h3, .single-team .t-content .name a,
		.breadcrumbs ul li, .gallery-album .img-wrapper .caption h6 a,
		.career-box li i, .modal-title, .message-box h5{font-size: 16px;}
		p, .service-main-box p, .gallery-album .img-wrapper .caption h6 a, .career-box li b, 
		.quick-links ul li a, .features-main ul li a, .faq-title a, .contact-form-area h6, .single-service p, 
		.gallery-album .img-wrapper .caption span, .btn, p, .service-sidebar .widget a, .message-box h6{font-size: 14px;}
		.blog-latest .single-news .news-meta li, .footer .address-widget-list li a, .footer-news .single-f-news .content .title a,
		.footer .address-widget-list li, .footer .copyright a{font-size: 13px;}
		.features-main p, .section-title p, .att-area p, 
		.testimonial-inner .single-slider p, .footer .copyright-content p, 
		.footer-news .single-f-news .content .title, .footer .f-link ul li a
		{font-size: 13px; text-align: justify;}
		.section-title h1 span, .career-box li span{font-size: 12px;}
		.hero-slider .hero-text .button .homes-btn, .homes-btn.theme-2, .homes-btn, .contact-form-area .form-group.button button
		{padding: 4px 15px; font-size: 13px; line-height: 20px; letter-spacing: 0.02em;}
		.contact-form-area .form-group.button button{min-width: 120px;}
		.single-team .team-social li a{padding: 2px 9px;}
		.features-area{padding-top: 0px;}
		.footer .footer-top{padding: 10px;}
		.video-feature{padding: 30px 0px;}
		.features-area{padding: 30px 0 30px;}
		.small-list-feature ul li, .single-team .t-content .designation{padding-bottom: 10px;}
		.section-title{margin-bottom: 15px;}
		.message-box{margin:0px;}
		.footer .single-widget, .message-inner figure{margin-top: 0px;}
		.pf-details .small-list-feature{margin-top: 20px;}
		.team-archive .single-team, .message-box h5{margin-top: 15px;}
		.footer .f-link ul li, .widget{margin-bottom: 5px;}
		.blog-latest-slider .single-news, .small-list-feature ul{margin: 0px;}
		.footer .single-widget h3{padding-bottom: 0px;}
		.navbar-toggler{font-size: 18px; width: 35px; height: 35px; margin-top: -25px;}
		.topbar-right{margin-right: 35px;}
		.right-bar .right-nav li a img{max-height: 50px; margin-top:-20px}
		.topbar-right .button .homes-btn, .appointment_head{padding: 2px 10px; font-size: 13px;}
		.header .nav-inner{width: 70%;}
		.message-box:after{right: 46%;}
		.about-img { height: 400px; width: 400px; }
		.testimonial-inner .t-left{width: 85%;}
		.testimonial-inner .t-left h2{width: 60%;}
		.testimonial-inner .single-slider{padding: 25px;}
		.section-title h1, .section-title h2, 
			.section-title h1 span, .section-title h2 span{ margin-bottom: 5px;}
			.footer .single-widget h3{margin-bottom: 10px !important;}
		.section-title h1 span, .section-title h2 span{background-size: 85%;}
		.footer .single-widget .single-f-news{min-height: 62px;}
		.faq-title a{line-height: 18px; display: block;}
		.breadcrumbs {min-height: 300px;}
		.bread-inner {padding-top: 200px;}
		.breadcrumbs .bread-menu:before{width: 25px;}
		.breadcrumbs .bread-menu li a{padding-right: 5px; margin-right: 5px;}
		.breadcrumbs .bread-menu li + li::before{left: -4px; font-size: 15px;}
		.breadcrumbs .bread-menu{padding-left: 30px;}

	}
	/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
	@media only screen and (max-width: 481px) {
		.topbar .col-xl-2{padding-left: 0px;}
		.message-box{padding: 15px;}
		.message-inner figure img{margin-top: 0px;}
		.header .nav li .sub-menu{width: 96%;}
		.header .nav-inner{right: 5%;}
		.img-feature span {right: 4px; top: 140px;}
		.section-title .section-bottom p, .about-us ul li, .pf-details .single-content p,
		.footer_contact ul li span em, .breadcrumbs ul li, .breadcrumbs .bread-menu li a,
		.service-sidebar .widget h6{font-size: 14px;}
		.service-sidebar .widget-title{font-size: 16px;}
		.breadcrumbs h2{font-size: 18px;}
		.about-img { height: 300px; width: 300px; }
		.testimonial-inner .single-slider{padding: 20px;}
		.footer .copyright-content p{max-width: 60%;}
		.footer .single-widget .single-f-news{min-height: 60px;}
		.breadcrumbs {min-height: 290px;}
		.service-sidebar .widget-title{padding-bottom: 0px;}
	}
	/*Responsive CSS By Bikash Bhandari (bikash.433@gmail.com)*/
	@media only screen and (max-width: 450px) {
		@-webkit-keyframes levitation-1 {
			0% {
				transform: translate(-50px, -40px);
			  }
			  20% {
				transform: translate(75px, -50px) scale(0.86);
			  }
			  30% {
				transform: translate(120px, 50px) scale(0.86);
			  }
			  40% {
				transform: translate(100px, 100px) scale(0.86);
			  }
			  50% {
				transform: translate(50px, 160px) scale(0.86);
			  }
			  60% {
				transform: translate(-100px, 100px) scale(0.86);
			  }
			  70% {
				transform: translate(-100px, 75px) scale(0.86);
			  }
			  80% {
				transform: translate(-100px, 45px) scale(0.86);
			  }
			  90% {
				transform: translate(-100px, 20px) scale(0.86);
			  }
			  100% {
				transform: translate(-75px, 2px);
			  }
		 }
		 @keyframes levitation-1 {
			0% {
				transform: translate(-50px, -40px);
			  }
			  20% {
				transform: translate(75px, -50px) scale(0.86);
			  }
			  30% {
				transform: translate(120px, 50px) scale(0.86);
			  }
			  40% {
				transform: translate(100px, 100px) scale(0.86);
			  }
			  50% {
				transform: translate(50px, 160px) scale(0.86);
			  }
			  60% {
				transform: translate(-100px, 100px) scale(0.86);
			  }
			  70% {
				transform: translate(-100px, 75px) scale(0.86);
			  }
			  80% {
				transform: translate(-100px, 45px) scale(0.86);
			  }
			  90% {
				transform: translate(-100px, 20px) scale(0.86);
			  }
			  100% {
				transform: translate(-75px, 2px);
			  }
		 }
		 @-webkit-keyframes levitation-2 {
		   0% {
			 transform: translate(0);
		   }
		   15% {
			 transform: translate(-200px, -75px) scale(0.86);
		   }
		   35% {
			 transform: translate(40px, 100px) scale(0.85);
		   }
		   50% {
			 transform: translate(-10px, 150px);
		   }
		   70% {
			 transform: translate(-200px, 200px) scale(0.86);
		   }
		   100% {
			 transform: translate(0);
		   }
		 }
		 @keyframes levitation-2 {
		   0% {
			 transform: translate(0);
		   }
		   15% {
			 transform: translate(-200px, -75px) scale(0.86);
		   }
		   35% {
			 transform: translate(40px, 100px) scale(0.85);
		   }
		   50% {
			 transform: translate(-10px, 150px);
		   }
		   70% {
			 transform: translate(-200px, 200px) scale(0.86);
		   }
		   100% {
			 transform: translate(0);
		   }
		 }
		 
		.header .nav-inner {width: 92%;}
		.img-feature span {right: 3px; top: 120px;}
		.testimonial-inner .t-right .quote{height: 35px; font-size: 30px;}
		.testimonial-inner .single-slider{padding: 18px;}
		.breadcrumbs {min-height: 280px;}
		.bread-inner {padding-top: 190px;}
	}

	@media only screen and (max-width: 420px) {
		.header .nav-inner{right: 6%;}
		.img-feature span {right: 2px; top: 100px;}
		.bank_info, .values .box{padding: 15px;}
		.bank_info figure{right: 10px;}
		.hero-slider .hero-text .button{margin-top: 10px;}
		.values .box h3 a{font-size: 18px;}
		.become_sec h2{font-size: 1.5rem;}
		.become_sec p{max-width: 100%;}
		.section-space{padding: 45px 0px;}
		.event.section-space{padding-bottom: 15px;}
		.testimonial-inner .single-slider, .testimonial-inner .testimonial-slider{margin: 0px;}
		.testimonial-inner .single-slider, .contact-form-area{padding: 15px;}
		.testimonial-inner .t-info img{margin-right: 10px;}
		.footer .single-widget .single-f-news{min-height: 55px;}
		.header .img-logo a{font-size: 20px;}
		.breadcrumbs {min-height: 270px;}
		.bread-inner {padding-top: 180px;}
	}

	@media only screen and (max-width: 393px) {
		.header .nav li .sub-menu{width: 95%;}
		.topbar-right{margin-left: -15px;}
		.footer .copyright-content p, .footer .f-link ul li, .footer .f-link ul li a{font-size: 12px;}
		.footer .copyright-content p{text-align: left !important;}
		.footer .single-widget .single-f-news{min-height: 52px;}
		.breadcrumbs {min-height: 260px;}
		.bread-inner {padding-top: 170px;}
	}

	@media only screen and (max-width: 375px) {
		.bank_info{padding-right: 45px;}
		.footer .single-widget .single-f-news{min-height: 50px;}
		.breadcrumbs {min-height: 250px;}
		.bread-inner {padding-top: 160px;}
	}

	@media only screen and (max-width: 360px) {
		.topbar-right .button .homes-btn{letter-spacing: 0.00em;}
		.topbar-right .button .homes-btn, .topbar .single-contact{font-size: 12px;}
		.about-img { height: 250px; width: 250px; }
		.testimonial-inner .t-left h2{font-size: 14px; line-height: 16px;}
		.testimonial-inner .t-info img{margin-right: 5px;}
		.breadcrumbs {min-height: 240px;}
	}

	@media only screen and (max-width: 320px) {
		.topbar .single-contact{font-size: 11px;}
		.breadcrumbs {min-height: 230px;}
	}

	
















































/*!
	Project Name: Horac Nepal thedialworld.com
	UI /UX  Developer: Bikash Bhandari
	Email: bikash.433@gmail.com
	URL: www.bhandaribikash.com.np
	Description: Horac Nepal
*/























































/*!
	Project Name: Horac Nepal thedialworld.com
	UI /UX  Developer: Bikash Bhandari
	Email: bikash.433@gmail.com
	URL: www.bhandaribikash.com.np
	Description: Horac Nepal
*/