@media screen and (max-width: 1200px) {
    .page-content .v-split-container > .v-split {
        width: 100%;
    }
    .responsive .body > .widget-container {
        width: 100%;
    }
	.responsive .blog-post-item h4.title {
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.responsive .blog-post-item h4.title a {
		font-size: 16px;
	}
	.page-blog-post .breadcrumb-header {
		display: none;
	}
    .widget.widget-breadcrumb.breadcrumb-header {
        top: 150px;
        left: 15px;
    }
    .responsive .footer > .widget-container , .responsive .header > .widget-container {
        margin: 0 15px;
    }
    .widget-gallery .jssor-slider-container .container [u="caption"] p {
        line-height: 36px;
        font-size: 30px;
    }
    .responsive .widget-gallery .jssor-slider-container .container [u="caption"] {
        top: 28%;
    }
    .responsive .widget-gallery .jssor-slider-container .container [u="caption"] a {
        font-size: 20px;
    }
    .responsive .widget-pageHeading {
        padding: 55px 0 40px;
    }
    .widget.widget-article .article-content, .contact-content  {
        padding: 0 15px;
    }
    .blog-post-content {
        overflow: auto;
        padding: 0 15px;
    }
    .blog-post-item {
        margin: 0 25px 25px 0;
    }
    .responsive .footer .article-content {
        padding: 0;
    }
    .responsive .jssor-slider-container::before{
        left: 25% !important;
        top: 20%;
    }
	.responsive.page-blog-category .blog-category-details{
		padding:0;
	}


}

@media screen and (max-width: 991px) {
	.responsive.page-blog-category .blog-category-details .blog-post-item {
		width: 30.7%;
	}
    .responsive .jssor-slider-container::before{
        left: 20% !important;
        top: 20%;
    }
    .widget-navigation.main-menu .navigation-item a {
		font-size: 13px;
		padding: 10px 10px;
	}
	.responsive .widget-snippet .header-call a{
		padding: 7px 14px;
	}
	.responsive .blog-post-content {
		padding: 0 0 0 15px;
	}
	.responsive .blog-post-item {
		margin: 0 18px 18px 0;
		width: 30.9%;
	}
    .responsive .project-full-content figure  {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .responsive .project-full-content figure img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }
    .responsive .project-full-item figure  {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .responsive .project-full-item figure img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }
    .responsive .widget-snippet section.recentpoject .project-box .pro-box .pro-title{
        height: 55px;
    }
    .responsive  .widget-snippet section.recentpoject .project-box .pro-box .pro-title > h4{
        font-size: 18px;
    }
    .responsive .widget-snippet .halfsec {
        padding-left: 4px;
        padding-right: 5px;
    }
	.responsive section.welcome-section .wel-section {
		width: 80%;
		max-width: 80%;
		padding: 55px 20px;
		float: none;
	}


}

@media screen and (max-width: 767px) {
	.responsive section.welcome-section .wel-section {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.responsive .blog-post-content {
		padding: 0 15px;
	}
	.responsive .blog-post-item {
		margin: 0;
		width: 100%;
		float: none;
	}
	.responsive .blog-post-item h4.title {
		text-overflow: unset;
		white-space: normal;
		line-height: 20px;
	}
	.responsive .blog-post-item h4.title a {
		font-size: 16px;
	}
	.responsive .blog-post-content .footer {
		padding: 40px 0 40px;
	}
	.responsive .widget.widget-breadcrumb.breadcrumb-header,
	.responsive .widget.widget-breadcrumb.breadcrumb-header span,
	.responsive .widget.widget-breadcrumb.breadcrumb-header a{
		font-size: 12px;
		text-transform: none;
	}
	.responsive  .breadcrumb-item .separator {
		font-size: 0 !important;
	}
	.page-blog-post .breadcrumb-header {
		display: none;
	}
	.responsive .blog-post-details h1.title {
		font-size: 18px;
		padding: 2px 0 0 0;
	}
	.responsive .blog-post-details .post-description .content p {
		font-size: 15px !important;
		line-height: 27px !important;
	}


	body > div.body {
		padding-top: 0;
	}
	body > .header {
		z-index: unset;
		width: 100%;
		position: relative;
	}
	.responsive  section.welcome-section .wel-section {
		width: 100%;
		max-width: 100%;
		padding: 55px 20px;
		background: #fff;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	.responsive section.welcome-section .wel-section .wel-sec {
		height: auto;
		padding: 0;
	}
	.responsive section.welcome-section .wel-section h1 {
		font-size: 20px;
		margin: 0 0 15px 0;
		padding-top: 10px;
		line-height: 30px;
	}
	.responsive .widget.widget-spacer.home-footer .spacer::before{
		display: none;
	}
	.responsive .widget-snippet .quick-cont {
		width: 100%;
		max-width: 100%;
		color: #fff;
		padding: 70px 15px 40px 15px;
		background-color: #202020;
	}
	.responsive .widget.widget-html .home-form {
		padding: 16px;
		margin-top: 0;
	}
	.responsive .home-slider {
		margin-top: 0;
		padding-top: 0;
	}
	.widget.widget-navigation.footer-menu {
		text-align: center;
	}
	.widget.widget-navigation.footer-menu .horizontal>.navigation-item {
		display: block;
		margin: 0 0 7px 0;
	}
	.footer-menu .horizontal > .navigation-item a {
		padding: 0;
		border: none;
	}
	.footer-copyright p {
		text-align: center;
		font-size: 13px;
	}
	.responsive .header .widget-snippet .header-call a {
		font-size: 13px;
		margin: 0;
		padding: 0px 10px;
	}
	.responsive .home-project h2 {
		font-size: 23px;
		padding: 0;
		margin: 70px 0 25px 0;
	}
	.responsive .header > .widget-container{
		margin:0;		
	}
	.responsive .widget-snippet .halfsec h4 {
		text-align: center;
		margin-bottom: 5px;
	}
	.responsive .widget-snippet .halfsec address {
		font-size: 13px;
		text-align: center;
		width: 100%;
		margin: 0;
	}
	.responsive .widget-snippet .halfsec > div {
		font-size: 13px;
		text-align: center;
	}
	.responsive .widget.widget-spacer.home-footer .spacer{
		display: none;
	}
	.responsive .widget-snippet .quick-cont h3 {
		font-size: 23px;
		text-align: center;
	}
	.responsive .widget-snippet .quick-cont h3::before {
		left: 50%;
		transform: translateX(-50%);
	}
	.responsive .widget-snippet section.recentpoject .project-box .pro-box .pro-title {
		padding: 5px 10px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.responsive  .widget-snippet section.recentpoject .project-box .pro-box .pro-title > h4 {
		font-size: 13px;
	}
	.responsive .widget-snippet section.recentpoject .project-box .col-md-4.col-sm-4.col-xs-4.pro-col,
	.responsive .widget-snippet section.recentpoject .project-box .col-md-6.col-sm-6.col-xs-6.pro-col {
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.responsive .widget-snippet section.recentpoject {
		padding: 0 0 50px;
	}
	.responsive .widget-snippet section.recentpoject .project-box{
		padding-top: 0;
	}
	.responsive .widget-snippet .addcont .halfsec {
		float: none;
		width: 100%;
	}
	.responsive .main-menu .menu-title {
		margin-left: 7px;
	}
	.responsive .main-menu.widget-navigation .menu-button em {
		background-color: #f00a3b;
	}
	.responsive .main-menu.widget-navigation .nav-wrapper.responsive-navigation {
		position: absolute;
		top: 70px;
		height: auto;
		background-color: #fff;
		padding: 5px 0 0;
		border-top: 1px solid #f5f3f3;
		border-bottom: 1px solid #f5f3f3;
		box-shadow: 0 3px 10px rgb(0 0 0 / 5%);
		width: 100vw;
		right: 0;
		left: auto;
	}
	.responsive .nav-wrapper.responsive-navigation .navigation-item {
		text-align: center;
		padding: 0;
		background-color: transparent;
	}
	.responsive .widget-navigation.main-menu .navigation-item a {
		font-size: 13px;
		padding: 4px 10px;
		color: #000;
		border-bottom: 1px solid #f5f3f3;
	}
	.widget-navigation.main-menu .navigation-item.has-child a:hover, .widget-navigation.main-menu .navigation-item.active a, .widget-navigation.main-menu .navigation-item a:hover, .widget-navigation.main-menu .navigation-item a:focus {
		color: #f71a49;
	}
	.responsive .widget-navigation.main-menu .navigation-item.active a span::before {
		top: -11px;
		background-color: #e4e4e4;
		display: none;
	}
	.responsive  .widget-navigation.main-menu .navigation-item a:active span::before,
	.responsive  .widget-navigation.main-menu .navigation-item a:hover span::before,
	.responsive .widget-navigation.main-menu .navigation-item a:focus span::before{
		display: none;
	}
	.responsive .widget-pageHeading {
		padding:40px 0 25px 0;
		margin: 0 auto;
		margin-bottom: 30px !important;
		margin-left: 0;
		margin-right: 0;
	}
	.responsive .widget-pageHeading h1,
	.responsive .widget-pageHeading h2{
		font-size: 26px;
		padding-top: 15px;
		line-height: 30px;
	}
	.responsive .widget-html.widget-pageHeading h1{
		padding-bottom: 40px;
	}
	.responsive .widget.widget-breadcrumb.breadcrumb-header {
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
	}
	.responsive .widget-snippet .about-us-page .left-content p,
	.responsive .widget-snippet .about-us-page .content-top p {
		text-align: center;
	}
	.responsive .widget-snippet .about-us-page {
		padding: 0 15px 10px 15px;
	}
	.widget.widget-article.service-page h4 {
		text-align: center;
		font-size: 20px;
		line-height: 30px;
	}
	.widget.widget-article.service-page p{
		text-align: center;
	}
	.widget.widget-article.service-page {
		padding: 0 0 10px 0;
	}
	.responsive .widget.widget-html.contact-content h5 {
		text-align: center;
		font-size: 14px;
		line-height: 27px;
	}
	.responsive .f2design-contact-page h6 {
		text-align: center;
	}
	.responsive .f2design-contact-page .col-sm-6 + .col-sm-6 {
		margin-top: 35px;
	}
	.page_404 .ops {
		font-size: 45px;
		line-height: normal;
	}
	.page_404 .ops .big_font {
		font-size: 60px;
		margin-right: 0;
	}
	.page_404 .big {
		font-size: inherit;
		margin-left: 0;
	}
	.page_404 {
		margin: 40px 0 40px;
		text-align: center;
	}
	.responsive  .home-project h2::before {
		max-width: 65px;
	}
	.responsive  section.welcome-section .wel-section h1::before{
		max-width: 65px;
	}
	.responsive .widget-snippet .quick-cont h3::before{
		max-width: 65px;
	}
	div.jssor-slider-container{
		height: 1300px;
	}
	div.jssor-slider-container .container{
		height: 1300px;
	}
	.widget-gallery .jssor-slider-container .container .caption-wrapper {
		top: 43%;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	.responsive .widget-gallery .jssor-slider-container .container [u="caption"] a {
		font-size: 65px;
	}
	.responsive .widget-gallery .jssor-slider-container .container [u="caption"] h2 {
		font-size: 90px;
		line-height: 115px;
	}
	.widget-gallery .jssor-slider-container .container [u="caption"] p {
		line-height: 85px;
		font-size: 60px;
		padding: 0 70px;
		margin-bottom: 50px;
	}
	.responsive .footer-menu .horizontal .navigation-item.active > a{
		text-decoration: none;
	}
	.widget-gallery .jssor-slider-container .container [u="caption"] a.white-btn{
		padding: 20px 80px;
	}
	.widget-gallery .jssor-slider-container .container [u="caption"] a.normal-btn{
		padding: 20px 90px;
	}
	.responsive .project-full-content figure  {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.responsive .project-full-content figure img {
		width: 100%;
		object-fit: cover;
		height: auto;
	}
	.responsive .project-full-item figure  {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.responsive .project-full-item figure img {
		width: 100%;
		object-fit: cover;
		height: auto;
	}

	.responsive .project-full-content h2 {
		font-size: 20px;
		line-height: 30px;
		padding-top: 10px;
	}
	.responsive .project-full-content h2::before{
		max-width: 60px;
	}
	.responsive .swipe-image-wrap ul.box-container {
		margin: 0;
		padding: 0 15px;
	}
	.responsive .swipe-image-wrap li.box {
		width: 46%;
		border: 1px solid #f9f3f3;
		margin: 0 10px 10px 0;
	}
    #swipebox-close {
        right: 0;
    }
    .responsive .blog-post-info span.date{
        width: 130px;
    }
    .responsive .blog-post-info span {
        font-size: 11px;
    }
    .responsive  span.breadcrumb-item.root span.icon::before{
        font-size: 12px;
    }
	.responsive .project-full-item,
	.responsive .project-full-content {
		padding-bottom: 40px;
	}
	.responsive.page-blog-category .blog-category-details .blog-post-item {
		margin: 0;
		width: 100%;
		float: none;
	}
	.responsive.page-blog-category .blog-category-details .blog-post-item + .blog-post-item {
		margin-top: 50px;
	}
	 .page-blog-post .blog-post-details {
		padding-bottom: 40px;
	}
	.responsive.page-blog-post .blog-post-details h1.title {
		font-size: 18px;
		padding: 10px 0 0 0;
		line-height: 27px;
	}
	.responsive.page-blog-category .blog-category-details {
		padding: 0 0 40px 0;
	}


}


@media screen and (max-width: 360px) {
	.responsive .swipe-image-wrap li.box {
		width: 100%;
		margin: 0 10px 10px 0;
	}


}