@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
* Template : mighti -  Construction WordPress Theme
*
* ----------------------------------------------------------------------------
*
**/

.elementor-tab-content{
	animation: slide-down 2s ease-out;
}
header .bg-remove{
	background: transparent !important;
}
.menu-sticky.sticky{
	top: 0;
}

.menu-sticky.stuck .scroll-box-shadow{
	box-shadow: 0px 7px 18px #1810100d;
}

.mega.col-3,
.mega.col-2,
.mega.col-4{
	width:unset
}


@media only screen and (max-width: 1690px) and (min-width: 1440px) {
    .pricing_section {
        padding: 0 20px !important;
    }
	.header_style3 {
		padding: 0 20px;
	}
	.creative_portfolio_blog {
		padding: 0 20px;
	}
	.portfolio-six-single-swiper .left-content {
		width: 50%;
		left: 50px;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content {
		bottom: 50px;
	}
}

@media only screen and (min-width: 1366px) {
	.container{
		max-width: 1330px;
		width: 100%;
	}	
}


@media only screen and (max-width: 1366px) {
	.portfolio-six-single-swiper .left-content {
		width: 55%;
		left: 30px;
	}
}

@media only screen and (max-width: 1640px) {
	.page-error .error-image{
		max-width: 75%;
	}
	
}

@media only screen and (max-width: 1200px) {
	.portfolio-six-single-swiper .left-content {
		width: 63%;
	}
	.slide-div {
		padding-left: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.portfolio-six-single-swiper .left-content {
		width: 60%;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {	
	.pagination-area{
		margin-bottom: 50px;
	}	
	.container {
	    max-width: 100%;
	}	
	.reactheme-breadcrumbs .breadcrumbs-title{
		padding: 17px 25px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {	
	.recent-post-widget .show-featured.clearfix {
		display: flex;
		flex-direction: column;
	}
	.recent-post-widget .show-featured .post-img{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 1200px) {
	.service-collups-area .accordion-item .accordion-header .accordion-button .left-icon {
		flex-basis: 15%;
	}
	.service-collups-area .accordion-item .step_number {
		font-size: 100px;
		line-height: 100px;
	}
}

@media only screen and (max-width: 1024px) {
	.header_style4 .primary-menu-icon .sidebarmenu-area.text-right.mobilehum{
		display: block;
	}
	.header_style4 .reactheme-innner-offcanvas-contents{
		display: none;
	}
	.header_style4 .menu-wrap-off .inner-offcan{
		display: block;
	}
	
	
	.service-collups-area .accordion-item .accordion-header .accordion-button .left-icon {
		flex-basis: 18%;
	}

	.single-blog-area-5 .inner-content p.disc {
		max-width: 100%;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content a .name {
		bottom: -35px;
	}
	.rt-portfolio-style2 .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {

		width: 95%;
	}
	.rt-portfolio-style2 .swiper-slide.style-2 {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 1024px) {
	.mobile-menus{
		display: none;
	}

}

@media only screen and (max-width:991px){
	.header_3 .menu {display: none;}
	
	#reactheme-header .primary-menu  .navbar,
	.menu-area .menu-responsive.primary-menu .navbar
	{
		display: none;
	} 
	.primary-menu-icon .sidebarmenu-area.text-right.mobilehum{
		display: block;
	}
	.reactheme-innner-offcanvas-contents{
		display: none;
	}
	.menu-wrap-off .inner-offcan{
		display: block;
	}
	.menu-wrap-off .inner-offcan .nav-link-container {
	    left: 36px;
	}
	.menu-wrap-off .inner-offcan .nav-link-container{
		top: 35px;
	}
	.sidenav .widget_nav_menu ul li a {
	    font-size: 14px;
	    padding: 15px 0;
	    line-height: 30px;
	}
	.react-heading .title, .rs-dual-heading .title {
		font-size: 32px;
		line-height: 1.3;
	}	

	.rt-portfolio-style2 .swiper-slide.style-2 {
		padding-bottom: 50px;
	}
}

/* Medium Layout: 991px. */
@media only screen and (min-width: 992px) {
	body.off-open{
		position: relative;
	}
}

@media only screen and (max-width: 991px) {
	#mobile_menu{
		padding-top: 35px;
	}

	#mobile_menu .menu li.mega ul.sub-menu li ul.sub-menu a {
	    padding-left: 25px;
	}	
	
	.menu-wrap-off .inner-offcan{
		display: block;
	}
	body.logged-in .menu-wrap-off .inner-offcan .nav-link-container{
		top:44px
	}
	.menu-wrap-off .inner-offcan .nav-link-container{
		top: 44px;
	}	
	.sidenav .widget_nav_menu ul ul li a {
	    font-size: 14px !important;
	}
	
	.padding-left-sidebar .dynamic-sidebar{
		padding-right: 0;
	}
	.menu-wrap-off {
	    padding: 46px 30px 50px 36px;
	}
	.pagination-area{
		margin-top: 50px;
	}
		
	.main-contain #content {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	
	#reactheme-header.fixed-menu .header-inner {
	    width: auto;
	    flex-wrap: unset;
	    height: auto;
	}

	#mobile_menu ul ul .submenu-button {
		top: 5px;
	}
	#mobile_menu .submenu-button:before {
	    top: 11px;
	    height: 12px;	   
	}
	
	#mobile_menu .submenu-button::after,
	.menu-wrap-off .inner-offcan .nav-link-container .close-button i:before {
	    font-size: 16px;
	}
	#mobile_menu ul ul .submenu-button::before {
	    top: 11px;
	    right: 17px;
	}
	#mobile_menu .submenu-button {
	    top: 13px;
	}
	.menu-wrap-off .inner-offcan {
	    padding: 0;
	}

	#menu-offcanvas, .widget.icon-list ul.menu{
		display: none !important;
	}
	.sidenav .menu li ul.sub-menu li a {
	    font-size: 14px;
	}	
	.sidenav .widget_nav_menu ul li ul li a {
	    padding: 10px 0;
	}	
		
	.reactheme-blog-details .widget-area .react-sideabr.dynamic-sidebar{
		padding-bottom: 0;
	}	
	
	.sidenav .menu > li.menu-item-has-children::before {
	    top: 15px;
	    font-size: 20px !important;
	}


	.menu-wrap-off{
		overflow-x: hidden;
	}
	
	.menu-wrap-off{
		overflow-y: auto;
		top: 0;
	}
	
	.dynamic-sidebar {
	    padding: 0;
	}	
	.close-search {
	    right: 25px;
	    top: 25px;
	}
	
	body.logged-in .close-search {
	    right: 30px;
	    top: 50px;
	}
	.search-results .widget-area {
		margin-top: 70px;
	}

	#reactheme-header .sidebarmenu-search .sticky_search{
	    padding: 21px 0;
	}

	.single .ps-navigation .link_text {
	    font-size: 14px;
	    font-weight: 500;
	}

	
	.header-style1 .sticky .menu-area {
	    background: #fff;
	}
	
	.sidenav.nav-active-menu-container{
		box-shadow: none;
	}
	.mobile-menu-container ul.sidenav.nav-active-menu-container{
		padding: 70px 0 0;
	}	
	.sidenav{
		padding:0;
		width: auto;
	}	

	ul.sidenav .menu > li.menu-item-has-children::before{
		right: 14px;
	}
	.sidenav li.nav-link-container{
		top: 24px !important;
		left: 20px !important;
		float: none !important;
	}

	.mobile-menu-link a{
		display: block;
		float: right;
	}	
	.logged-in .menu-sticky.sticky .sidenav .nav-link-container{
		margin-top: 15px;
	}
	.header-style1 .sidenav li.nav-link-container {
	    padding: 8px 10px 10px 10px;
	}

	.menu-area .mobile-menu-link, 
	.menu-area .mobile-menu-container {
	    display: block;
	}

	.reactheme-breadcrumbs{
		clear: both;
	}

	.menu-area #primary-menu-single {
		display: block;
	}	
	
	.menu-main-menu-single-container{
		width: 100%;
		padding: 0;
		background: #50d2c2;
	}
	.navbar-header{
		float: none;
		margin-top: 8px;
	}
	#reactheme-header .menu-area .navbar ul li:hover a::after, 
	#reactheme-header .menu-area .navbar ul li.active a::after{
		display: none;
	}
	.menu-area .navbar ul li ul.sub-menu {
		min-width: 100%;
		display: none;
	}
	.rts-fs--nav .menu-area .navbar ul li ul.sub-menu {
		display: block;
	}
	.menu-area .navbar ul li ul.sub-menu li{
		background: rgba(255, 255, 255, 0.3);
	}		
	.reactheme-blog .blog-item .blog-meta .blog-date {
	    font-size: 12px;
	}
	.reactheme-blog .blog-item .blog-meta .comments{
	    font-size: 12px;
	}
	span.author {
    	margin-left: 6px;
	}	
	.dynamic-sidebar,
	.padding-left-sidebar .dynamic-sidebar{
		margin-right: 0;
		margin-left: 0;
	}
	.reactheme-blog-details .widget-area {
		padding-top: 60px;
	}
	.react-heading .title, .rs-dual-heading .title {
		font-size: 30px;
		line-height: 1.3;
	}
	.service-collups-area .accordion-item .accordion-header .accordion-button {
		gap: 25px;
		padding: 0;
	}	
	.portfolio-six-single-swiper .left-content {
		width: 65%;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content {
		bottom: 0;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content a .name {
		margin-bottom: 0;
		bottom: 0;
	}
	.banner-slider-portfolio-seven-area.portfolio-5 {
		padding-top: 100px;
	}

	.reactheme-blog-details .news-details-inner{
		margin-right: 0;
	}

}
/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px) {
	
   	#reactheme-header .sticky-wrapper .sticky .stikcy-padding{
		padding:10px 15px !important
	}		

	.blog .pagination-area,
	.dynamic-sidebar{
		margin-bottom: 20px;
	}	
	.sticky_form_full{
		width: 80%;
	}	
	.table-background tr, 
	.table-background td, 
	.table-background th {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	body.single-post .react-sideabr{
		padding-top: 50px;
	}
	.menu-sticky.sticky{
		position: static;
	}
	.comments-area .comment-list li.comment ol.children li {
	    margin-left: 0;
	}
	.comments-area .comment-list li.comment .reply {
	    padding-left: 0;
	    margin-top: 0;
	    text-align: center;
	}
	.comments-area ol.children {
	    padding: 0;
	    margin: 0;
	}
	.comments-area .comment-list li.comment ol.children li{
		padding: 0;
	}
	.comments-area .comment-list li.comment .comment-metadata {
	    margin-left: 0;
	    margin-top: 0;
	}

	#review_form .comment-full{
		text-align: unset;
	}
	
	.comments-area .comment-list li.comment .comment-content{
		padding: 0;
	}
	.comments-area .comment-list li.comment {
		padding: 10px;
		margin: 0;
		border: none;
		box-shadow: none;
	}
	.comments-area .comment-list li.comment .comment-content p {
		margin-bottom: 8px;
	}
	.comments-area .comment-list li.comment .comment-content p {
		margin-bottom: 8px;
	}
	.comments-area .comment-list li.comment .comment-content {
		margin-top: 15px;
	}

	.reactheme-breadcrumbs .breadcrumbs {
		margin-top: 8px;
	}
	.reactheme-heading h2:after{
		display: none;
	}
	.reactheme-heading h2{
		font-size: 25px;
		line-height: 36px;
	}
	.sidenav.nav-active-menu-container .offcanvas_social li a{
		padding: 20px 0 0 16px;
	}
	.react-sideabr .widget{
		padding-left: 20px;
		padding-right: 20px;
	}
	.blog .reactheme-blog .blog-item .full-blog-content,
	.archive .reactheme-blog .blog-item .full-blog-content{
		padding:20px
	}
	.blog .reactheme-blog .blog-item .full-blog-content .title-wrap .blog-title, 
	.archive .reactheme-blog .blog-item .full-blog-content .title-wrap .blog-title{
		font-size: 25px;
		line-height: 35px;
	}
	.react-sideabr .widget_block label.wp-block-search__label, .react-sideabr .widget_block h2, .react-sideabr .widget-title{
		font-size: 22px;
	}
	.blog .reactheme-blog .blog-img .categories, 
	.archive .reactheme-blog .blog-img .categories, 
	.blog .blog .blog-img .categories, 
	.archive .blog .blog-img .categories {
		left: 20px;
	}
	.blog .reactheme-blog .blog-item, 
	.archive .reactheme-blog .blog-item{
		margin-bottom: 50px;
	}
	.blog-page .dynamic-sidebar{
		margin-top: 60px;
	}
	.reactheme-breadcrumbs .breadcrumbs-title{		
		margin-top: 0px;
	}
	.single-post .reactheme-breadcrumbs .breadcrumbs-title{
		display: none;
	}
	.rt-grid-figure{
		margin-bottom: 17px;
	}
	
	.navigation-center-bottom .swiper-button-next{
		right:28%
	}
	.navigation-center-bottom .swiper-button-prev{
		left:28%
	}	
	.reactheme-breadcrumbs .page-title{
		font-size:38px;
		line-height: 43px;
	}
	.react-heading .title, .rs-dual-heading .title {
		font-size: 30px;
		line-height: 1.3;
	}	
	.use-case-area-start .content-wrapper p {
		padding-right: 0;
		font-size: 16px;
	}
	.rts-service-area.style3 .single-service-area-start .discription-area .disc,
	.rts-service-area.style3 .single-service-area-start .title {
		max-width: 100%;
	}
	.rts-service-area.style3 .single-service-area-start {
		padding: 20px 0;
	}
	.rts-service-area.style3 .number-area span {
		width: 90px;
		height: 90px;
	}


	.rts-tab-advance {
		flex-direction: column;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content {
		bottom: 0;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content a .name {
		margin-bottom: 0;
		bottom: 0;
	}
	.rt-portfolio-style2 .swiper-slide.style-2 {
		padding-bottom: 100px;
	}
	.rt-portfolio-style2 .swiper-button-next, .rt-portfolio-style2 .swiper-button-prev,
	.rt-portfolio-style2 .swiper-button-next, .rt-portfolio-style2 .swiper-button-next {
		bottom: 0%;
	}

}
@media (min-width: 576px){
	.container {
	    max-width: 1240px;
	    width: 100%;
	}

}

@media (max-width: 520px) {
	.service-collups-area .accordion-item .step_number {
		font-size: 70px;
		line-height: 70px;
	}
	.service-collups-area .accordion-item .accordion-header .accordion-button .mid-title .title {
		margin-left: 0;
	}
	.rt-portfolio .portfolio_navigation .swiper-button-prev {
		right: 20%;
	}
	.portfolio-six-single-swiper .left-content {
		width: 100%;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content {
		bottom: 0;
	}
	.rt-portfolio-style2 .swiper-slide .single-portfolio-style-five .inner-content a .name {
		margin-bottom: 0;
		bottom: 0;
	}
	/* Single Blog  */
	.reactheme-blog-details .author-block{
		padding: 25px;
	}
	.comments-area .comment-list li.comment .comment-body{
		padding-left: 0;
	}
	.comments-area .comment-list li.comment .comment-author img{
		float: none;
		border-radius: 5px;
		display: block;
		padding:0 0 20px;
		position: static;
	}
	.comments-area .comment-list li.comment .comment-metadata{
		padding: 0;
	}
}