/*
=> 1.global paddin  and margin
=> 2.all responsive css
*/

/* 1.global paddin  and margin */
@media screen and (max-width: 991px) {
	a.btn-scroll {
	    bottom: 20px;
	}
	.main-about-area h2,
	h1 {
		font-size: 2.8rem;
	}
	.heading-subtitle,
	h2 {
		font-size: 2.2rem;
	}
	h3 {
		font-size: 2rem;
	}
}
@media screen and (max-width: 767px) {
	.mobile-pt-130 { padding-top: 13rem !important; }
	.mobile-pt-120 { padding-top: 12rem !important; }
	.mobile-pt-110 { padding-top: 11rem !important; }
	.mobile-pt-100 { padding-top: 10rem !important; }
	.mobile-pt-90 { padding-top: 9rem !important; }
	.mobile-pt-85 { padding-top: 8.5rem !important; }
	.mobile-pt-80 { padding-top: 8rem !important; }
	.mobile-pt-75 { padding-top: 7.5rem !important; }
	.mobile-pt-70 { padding-top: 7rem !important; }
	.mobile-pt-60 { padding-top: 6rem !important; }
	.mobile-pt-55 { padding-top: 5.5rem !important; }
	.mobile-pt-50 { padding-top: 5rem !important; }
	.mobile-pt-45 { padding-top: 4.5rem !important; }
	.mobile-pt-40 { padding-top: 4rem !important; }
	.mobile-pt-35 { padding-top: 3.5rem !important; }
	.mobile-pt-30 { padding-top: 3rem !important; }
	.mobile-pt-25 { padding-top: 2.5rem !important; }
	.mobile-pt-20 { padding-top: 2rem !important; }
	.mobile-pt-15 { padding-top: 1.5rem !important; }
	.mobile-pt-10 { padding-top: 1rem !important; }
	.mobile-pt-5 { padding-top: 0.5rem !important; }
	.mobile-pt-0 { padding-top: 0 !important; }
	.mobile-pb-110 { padding-bottom: 11rem !important; }
	.mobile-pb-100 { padding-bottom: 10rem !important; }
	.mobile-pb-90 { padding-bottom: 9rem !important; }
	.mobile-pb-85 { padding-bottom: 8.5rem !important; }
	.mobile-pb-80 { padding-bottom: 8rem !important; }
	.mobile-pb-75 { padding-bottom: 7.5rem !important; }
	.mobile-pb-70 { padding-bottom: 7rem !important; }
	.mobile-pb-65 { padding-bottom: 6.5rem !important; }
	.mobile-pb-60 { padding-bottom: 6rem !important; }
	.mobile-pb-55 { padding-bottom: 5.5rem !important; }
	.mobile-pb-50 { padding-bottom: 5rem !important; }
	.mobile-pb-45 { padding-bottom: 4.5rem !important; }
	.mobile-pb-40 { padding-bottom: 4rem !important; }
	.mobile-pb-35 { padding-bottom: 3.5rem !important; }
	.mobile-pb-30 { padding-bottom: 3rem !important; }
	.mobile-pb-25 { padding-bottom: 2.5rem !important; }
	.mobile-pb-20 { padding-bottom: 2rem !important; }
	.mobile-pb-15 { padding-bottom: 1.5rem !important; }
	.mobile-pb-10 { padding-bottom: 1rem !important; }
	.mobile-pb-5 { padding-bottom: 0.5rem !important; }
	.mobile-pb-0 { padding-bottom: 0 !important; }
	.mobile-mt-70 { margin-top: 7rem !important; }
	.mobile-mt-60 { margin-top: 6rem !important; }
	.mobile-mt-55 { margin-top: 5.5rem !important; }
	.mobile-mt-50 { margin-top: 5rem !important; }
	.mobile-mt-45 { margin-top: 4.5rem !important; }
	.mobile-mt-40 { margin-top: 4rem !important; }
	.mobile-mt-35 { margin-top: 3.5rem !important; }
	.mobile-mt-30 { margin-top: 3rem !important; }
	.mobile-mt-25 { margin-top: 2.5rem !important; }
	.mobile-mt-20 { margin-top: 2rem !important; }
	.mobile-mt-15 { margin-top: 1.5rem !important; }
	.mobile-mt-10 { margin-top: 1rem !important; }
	.mobile-mt-0 {  margin-top: 0 !important; }
	.mobile-mb-70 { margin-bottom: 7rem !important; }
	.mobile-mb-60 { margin-bottom: 6rem !important; }
	.mobile-mb-50 { margin-bottom: 5rem !important; }
	.mobile-mb-45 { margin-bottom: 4.5rem !important; }
	.mobile-mb-40 { margin-bottom: 4rem !important; }
	.mobile-mb-35 { margin-bottom: 3.5rem !important; }
	.mobile-mb-30 { margin-bottom: 3rem !important; }
	.mobile-mb-25 { margin-bottom: 2.5rem !important; }
	.mobile-mb-20 { margin-bottom: 2rem !important; }
	.mobile-mb-15 { margin-bottom: 1.5rem !important; }
	.mobile-mb-10 { margin-bottom: 1rem !important; }
	.mobile-mb-0 {  margin-bottom: 0 !important; }
}

/*------------------------*/
/*  2.all responsive css  */
/*------------------------*/
@media screen and (max-width: 1600px) {
	.home3-main-wrap { padding-top: 4rem; }
}
@media screen and (max-width: 1350px) {
	.home-main-content h1 {
		font-size: 5.5rem;
	}
	.home-main-content h3 {
		font-size: 2.3rem;
	}
	.home3-main-wrap .home-main-content h1 {
		font-size: 4.8rem;
	}
	.home3-main-wrap .home-main-content h3 {
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 1199px) {
	.home-img-area::after {
		background-size: 32rem 34rem;
		width: 33rem;
		height: 34rem;
	}
	.page-main {
		width: 75%;
		padding: 0 2rem;
	}
	.page-sidebar { width: 25%; }
	.home-main-content h1 { font-size: 5rem; }
	.page-main .home-main-content p strong { font-size: 3rem; }
	.site-main-wrap-area .main-wrap { padding: 6rem 2rem; }
	.home-img {
		width: 25rem;
		height: 25rem;
	}
	/* home-1 about us */
	.about-address p { font-size: 1.4rem; }

	/* portfolio */
	.filter-list {
		margin: 0 -.3rem 4rem -.3rem;
	}
	.post-content { margin: -4rem 15px 0 15px; }
}
@media screen and (max-width: 991px) {
	.main-wrap {
		padding: 2rem 2rem 4rem 2rem;
	}
	.main-wrapper2 .main-wrap {
		padding-right: 3.5rem;
	}
	.main-wrap {
		padding: 4rem 2rem 4rem 2rem;
	}
	.home-img-area::after {
		background-size: 30rem 31rem;
		width: 30rem;
		height: 32rem;
		top: -3rem;
	}
	.home-img-area::before {
		top: -1.5rem;
		left: 1.5rem;
	}
	.home-img {
		width: 22rem;
		height: 22rem;
	}
	.trm-dot { right: 20px; }
	.trm-dot::after { bottom: -.4rem; }
	.home-main-content h1 { font-size: 4rem; }
	.home-main-content p { padding-bottom: 2rem; }

	.page-sidebar .man-img {
		width: 17rem;
		height: 17rem;
	}
	.ts-boxes .ts-slide-info { padding: 2.5rem 2.5rem 1.7rem 2.5rem; }

	/* about page */
	.heading-subtitle::before { top: 49%; }
	.main-about-area h2 { margin-bottom: 2.2rem; }
	.inline-countup,
	.inline-content small { font-size: 3.5rem; }

	/* portfolio */
	.filter-list {
		margin: 0 0rem 2rem 0rem;
	}
	.filter-list button {
		margin: 0 1rem 5px 1rem;
	}

	/* home-3 */
	.popup-content-info { padding: 4rem 1rem 1rem 2rem; }
	.popup { padding: 3rem 2rem; }
	.close-popup {
		width: 24px;
		top: 1rem;
		right: 8px;
		font-size: 4rem;
	}
	.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
		width: 6px;
	}
	.scrollbar-outer > .scroll-element.scroll-y { width: 8px; }

	.popup-media-cont {
		padding: 3rem 1.5rem 4rem 1.5rem;
	}
	.main-wrapper3 .main-wrap {
		min-height: 400px;
	}
}
@media screen and (max-width: 840px) {
	.home-img {
		width: 21rem;
		height: 21rem;
	}
}
@media screen and (min-width: 768px) {
	.full-overlay.main-wrapper-active {
		visibility: hidden;
		opacity: 0;
	}
}
@media screen and (max-width: 767px) {
	.logo { max-width: 150px; }
	.home-img-area {
		max-width: 280px;
		margin: 1rem 0 4rem 0;
	}
	.home-img-area::after {
		background-size: 47rem 51rem;
		width: 47rem;
		height: 52rem;
	}
	.main-wrapper2 .main-wrap,
	.main-wrap { height: auto; }
	.main-wrapper2 .main-wrap {
		padding-right: 2rem;
	}
	.main-wrapper::before {
		width: 430px;
		height: 430px;
		left: -100px;
		top: -230px;
	}
	.main-wrapper::after {
		width: 430px;
		height: 430px;
		right: -100px;
		bottom: -230px;
	}
	.about-img { max-width: 455px; }

	/* home-1 page */
	.header-container {
		background: #e9edf4;
		width: 100%;
		position: fixed;
		top: 0; left: 0;
	}
	.home-page-cont {
		padding: 0;
	}
	.site-main-wrap-area .main-wrap { padding: 4rem 2.2rem; }
	.entry-content h1 {
		font-size: 2.8rem;
	}
	.entry-content h2 { font-size: 2.2rem; }
	.entry-content h3 { font-size: 2rem; }
	.home-main-content h1 {
		font-size: 3.5rem;
	}
	.home-img {
		width: 25rem;
		height: 25rem;
		margin-left: 0;
	}
	.home3-main-wrap .home-main-content h1 {
		font-size: 3.2rem;
	}
	.page-sidebar {
		background: none;
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
		top: 55px;
		left: 0;
		right: 0;
		bottom: inherit;
		padding: 1.5rem 12px 1rem 12px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.page-sidebar .logo,
	.main-wrapper-area .main-menu,
	.page-sidebar::before,
	.page-sidebar .man-img { display: none; }
	.page-main {
		width: 100%;
		float: none;
		padding: 0;
	}
	.sidebar-show-btn {
		visibility: visible;
		opacity: 1;
	}
	.page-main .home-main-content p strong {
		font-size: 2.4rem;
	}
	.home-main-content p { padding-bottom: 2rem; }
	.filter-list { margin-left: 6px; }
	.filter-list button {
		font-size: 1.5rem;
		margin: 0 5px 5px 5px;
	}

	.about-col-icon { font-size: 5rem; }
	.header-sidebar-content .logo-area { display: none !important; }
	.popup-media-cont h2 { font-size: 2.6rem; }

	/* blog */
	.blog-grid-cont {
		padding: 1.4rem 1.5rem 1rem 1.5rem;
	}
	.pagination li {
	    width: 35px;
	    margin: 0 4px 10px 4px;
	}
	.pagination li .page-link {
	    width: 35px;
	    height: 35px;
	    line-height: 32px;
	}
	.main-about-area h2 span {
		margin-right: 5px;
	}
	/* portfolio page */
	.project-info span {
		width: 38px;
		height: 38px;
	}
	.project-info span::before, .project-info span::after {
		width: 38px;
	}
	.main-wrapper-area .ts-boxes .ts-slide-info {
		padding: 15px 2rem 1.3rem 2rem;
	}
	.ts-boxes .author .quote {
		width: 37px;
	}

	/* contact page */
	textarea.form-control { height: 12rem; }
	#map { height: 27rem; }

	/* main */
	.rz-page-main {
		height: auto;
	}
	.site-main-wrap {
		height: inherit;
		margin-left: 0;
		padding: 75px 20px 40px 20px;
	}
    .header-top-visible {
        display: block;
        visibility: visible;
    }
    .mobile-hidden {
        display: none !important;
        visibility: hidden !important;
    }
    .sitebar-header {
        width: 100%;
        max-width: 320px;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 110;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }
    .sitebar-header::before { top: -90px; left: 50%; }
    .sitebar-header.header-animation {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .sitebar-header .logo { display: none; }
    .rz-mobile-menu-hide {
        width: 0;
        left: 0;
        margin-left: -100%;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .header-top {
        position: fixed;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #dad9f5;
        left: 0;
        right: 0;
        height: 50px;
        z-index: 80;
    }
    .header-top .logo {
        max-width: 110px;
        margin: 1rem 0 0 1.5rem;
    }
    
    /* blog single page */
    .single-blog-info { padding-left: 0; }
    .rz-single-blog-content {
		padding: 3rem 1.5rem 4rem 1.5rem;
	}
	.entry-content blockquote { padding-left: 1.5rem; }
	.comment-meta {
		padding-left: 1.5rem;
	}
	.depth-2,
	.comment-content {
		padding-left: 7.5rem;
	}
	textarea,
	textarea.form-control { height: 10rem; }
	.postcomment-area .depth-1.comment:last-child .comment-content {
		padding-bottom: 1rem;
	}

	/* home-3 */
	.main-wrapper3 .header-container {
		background: transparent;
		position: unset;
	}
	.main-wrapper.main-wrapper3 { overflow: hidden; overflow-y: scroll; }
	.main-wrap.home3-main-wrap { padding-top: 2.5rem; }
	
	.tab-menu-area ul {
		width: auto;
		overflow: auto;
		padding-bottom: 5px;
		margin-bottom: 0;
	}
	.tab-menu-area ul li a {
		min-width: 60px;
		padding: 1.5rem 2rem .8rem 2rem;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.tab-menu-area ul li a small { margin: 3px 0 0 7px; }
	/* 404 page */
	.text-404 {
		font-size: 18rem;
		line-height: 14.5rem;
		letter-spacing: 1rem;
	}
	.text-thepage {
		letter-spacing: 8px;
		font-size: 3.5rem;
	}
	.not-found-wrap .btn {
		min-width: 160px;
	}
}
@media screen and (max-width: 575px) {
	.main-wrapper::before {
		left: -230px;
	}
	.main-wrapper::after {
		right: -230px;
	}

	/* home-1*/
	.about-col-item { padding: 1.5rem 2rem 3rem 2rem; }

	/* home-3*/
	.tab-menu-area ul li { padding: 0 3px; }
	.nav-toggle-area .orange-btn { padding: 0 1rem; }
	.social-list { padding-right: 1rem; }
	.social-list li { padding: 3px .3rem; }
	.page-sidebar {
		max-width: 100%;
	}
	.footer-bottom-content ul li {
		font-size: 1.5rem;
		padding: 4px 1rem;
	}
	.cmt-author-name { float: none; }
	.button-reply-edit {
		float: none;
		padding-top: 10px;
	}
	.button-reply-edit a {
		padding: 0 1.5rem;
		height: 3.4rem;
		line-height: 3.4rem;
	}
	.comment-author {
		width: 4rem;
		height: 4rem;
	}
	.depth-2, .comment-content {
		padding-left: 6rem;
	}
	.footer-bottom-content p { font-size: 1.1rem; }
	/* 404 page */
	.text-404 {
	    font-size: 9rem;
		line-height: 9.5rem;
		letter-spacing: 5px;
	}
	.text-thepage {
		letter-spacing: 5px;
		font-size: 2rem;
	}
	.not-found-wrap small { font-size: 4rem; }
}
@media screen and (max-width: 400px) {
	.home-img {
		width: 23.5rem;
		height: 23.5rem;
	}
	.home-img-area::after {
		background-size: 42rem 46rem;
		width: 42rem;
		height: 47rem;
	}
	.main-wrap { height: auto; }
	.home-main-content h1 { font-size: 4.5rem; }
	.nav-toggle-area .orange-btn {
		font-size: 1.3rem;
		padding: 0 7px;
	}
	.social-list { padding-right: 5px; }
	.social-list li { font-size: 1.4rem; }
	.logo { max-width: 110px; margin-top: 5px; }
	.filter-list button { margin: 0 5px 5px 5px; }
	.blog-postcomment h2 {
		padding-bottom: 1rem;
	}
	.sitebar-header { max-width: 280px; }

	/* home-3 */
	.main-wrapper.main-wrapper3::before {
		left: -295px;
	}
	.main-wrapper.main-wrapper3::after {
		right: -280px;
	}
	.main-wrapper3 .logo-area .logo-icon {
		width: 30px;
	}
	.main-wrapper3 .logo-area .logo-title {
		font-size: 2.5rem;
		margin-left: 6px;
	}
	.main-wrapper3 .header-area .logo {
		margin-top: 4px;
	}

	.tab-menu-area { overflow-x: scroll; }
}