/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/

/* Smaller than standard 1230(devices and browsers) */
@media only screen and (max-width:1230px){
	.container {
		max-width: 100%;
	}
	.global-layout-no-sidebar > .container {
		margin: 0 auto;
		width: 100%;
		padding: 0;
		max-width: 100%;
	}

	#content .section {
		margin-bottom: 0;
		padding: 40px 0;
	}

	#content .no-padding {
		padding: 0;
	}

	#content aside.section.section-featured-banner.no-padding {
		padding: 0;
	}

	.social-links li a {
		height: 30px;
		width: 30px;
	}

	.social-links ul li a::before {
		line-height: 2;
		font-size: 13px;
	}

	.section-featured-slider h3 {
		font-size: 45px;
	}

	.section-featured-slider p {
		font-size: 17px;
	}

}

/* Smaller  standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
	.section-project .featured-project-section {
		padding: 35px;
	}
	#content .section-title {
		font-size: 30px;
	}

	h1 {
		font-size:30px;
	}

	h2 {
		font-size:20px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;
	}


}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px){

	.col-grid-3 {
		width: 50%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.col-grid-7,
	.col-grid-5 {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.col-grid-8 {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.col-grid-4.recent-events {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.section-plan .pricing-plan-price {
		font-size: 37px;
	}

	#tophead {
		padding: 0 15px;
	}

	.sidebar,
	#primary,
	.three-columns-enabled .sidebar,
	.three-columns-enabled #primary {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}

	.three-columns-enabled .sidebar {
		width: 50%;
	}

	#primary .hentry.post.blog-gird {
		width: 50%;
		padding: 10px 15px;
	}

	.section-featured-slider .cycle-caption.text-alignleft {
		left: 10%;
	}

	.section-featured-slider .cycle-caption.text-alignright {
		right: 10%;
	}

	.section-featured-slider h3,
	.section-featured-banner h3 {
		font-size: 37px;
	}

	.section-featured-slider p,
	.section-featured-banner p {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.section-featured-slider .slider-buttons .custom-button,
	.section-featured-banner .custom-button {
		padding: 9px 24px;
	}

	.section-featured-page img.alignleft,
	.section-featured-page img.alignright {
		max-width: 100%;
		text-align: inherit;
		display: block;
		margin: 0 auto 20px;
	}



	.custom-button, .custom-button:visited, a.button,
	.custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {
		min-width: inherit;
		padding: 6px 23px;
		font-size: 14px;
	}

	.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
		opacity: 1;
		height: 45px;
		width: 45px;
		line-height: 1.4;
	}

}

/* Smaller than standard 900 (devices and browsers) */
@media only screen and (max-width:900px){

	.section-project .alignleft {
		margin-right: 35px;
	}

	.section-project .alignright {
		margin-left: 35px;
	}

	.section-project .featured-project-section {
		padding: 25px;
	}

	.section.section-project .custom-button {
		margin-top: 0;
	}

	.section-plan .pricing-plan-header h3 {
		font-size: 16px;
	}


	#content aside.section.section-call-to-action.cta-fluid.no-padding-btm {
		padding-bottom: 0;
	}

	.service-layout-4 .service-block-inner span.count {
		margin-bottom: 5px;
	}

	.service-layout-4 .service-block-inner {
		padding: 35px;
		min-height: 383px;
	}

	.item-inner-wrapper .portfolio-content {
		padding: 0 5px;
	}

	.item-inner-wrapper:hover .portfolio-content {
		bottom: 10px;
	}

	.portfolio-content h3 {
		margin-bottom: 0;
		font-weight: 600;
		font-size: 18px;
	}

	.portfolio-content p {
		font-size: 13px;
	}

	a.zoom-icon i {
		font-size: 25px;
	}

	.more-wrapper {
		margin-top: 20px;
	}

	.section-featured-page h5 {
		margin-bottom: 20px;
	}

	.section-latest-posts .latest-posts-text-content,
	.section-services .service-block-inner {
		padding: 30px;
	}

	.col-grid-6 {
		width: 100%;
	}

	.col-grid-6.service-block-item {
		width: 50%;
	}

	#content .section-title-wrap {
		margin-bottom: 10px;
	}

	.inner-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}

	.col-grid-1,
	.col-grid-2,
	.col-grid-3,
	.col-grid-4,
	.col-grid-5,
	.col-grid-6,
	.col-grid-7,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		margin: 15px 0 15px 0;
		transition: all 0.4s ease-in-out 0s;
	}

	#content .section-subtitle {
		font-size: 14px;
		margin: 0 auto 20px;
		max-width: 700px;
	}

	.section-counter .counter-item {
		width: 50%;
	}

	#footer-widgets .footer-widget-area {
		width: 50%;
		padding: 15px 0;
	}
	#footer-widgets .widget-title {
	    margin-bottom: 15px;
	}
	#footer-widgets .footer-widget-area:nth-child(2n+1) {
	    clear: both;
	}
	.section-associate-logo .associate-logo-item {
		width: 33.33%;
	}

	#footer-widgets {
		padding: 40px 0;
	}

	.section-skill-bar .col-grid-4 {
		width: 100%;
	}

	.quick-contact {
		text-align: center;
		margin-top: 0;
	}

	.sticky-header #masthead {
		position: inherit;
	}

	#tophead .social-links li {
		display: inline-block;
		float: none;
	}

	.social-links li {
		display: inline-block;
	}

	#mobile-trigger, #mobile-trigger-quick {
	    display: block;
	    background: #000000;
	    color: #fff;
	    padding: 20px 12px;
	    text-align: left;
	}
	
	#mobile-trigger span{float:right; margin-top:-13px; font-size:13px;}

	.sidr-open a#mobile-trigger {
	    text-align: left;
	}

	.quick-contact .header-box-info strong {
		display: none;
	}

	.quick-contact li i {
		font-size: 20px;
	}

	.quick-contact .header-box-icon {
		margin-right: 10px;
	}

	#tophead {
		padding: 0;
		clear: both;
	}

	.nav-inner-wrapper {
		box-shadow: none;
		width: auto;
		float: right;
		margin-top: -55px;
	}

	.quick-contact.quick-contact-2 li {
		font-size: 14px;
	}

	.quick-contact.quick-contact-2 li i {
		float: left;
		font-size: 14px;
		margin-right: 7px;
		color: #fff;
		line-height: 0.7;
	}

	.header-v2 .site-branding {
		margin: 0;
		text-align: center;
		margin-bottom: 0px;
		float: none;
	}

	.header-v2 .nav-inner-wrapper {
		box-shadow: none;
		padding-right: 0;
		padding-left: 0;
		margin: 0;
		text-align: center;
		float: none;
		padding: 13px;
	}

	.service-layout-3 .col-grid-4.service-block-item {
		width: 100%;
	}

	.header-v2 a.custom-button.pull-right.quick-link-button {
		margin-top: 0;
		float: none;
	}

	#header-search a.search-icon {
		padding: 10px 0;
	}

	#header-right {
		margin-top: 7px;
	}

	img.alignnone {
		margin: 0 auto;
		display: block;
	}

	.featured-page-section .col-grid-4,
	.featured-page-section .col-grid-8 {
		width: 100%;
	}

	#content .section.no-padding-btm {
		padding-bottom: 40px;
	}

	.col-grid-6.no-margin.features-item {
		width: 50%;
	}

	#content .no-margin {
		margin: 15px 0;
	}

	#content .section-title-wrap.text-alignleft span.divider,
	#content .section-title-wrap.text-alignright span.divider {
		margin: 0 0 15px;
	}

	.top-space {
		padding-top: 0;
	}

	.section-featured-page-grid .featured-page-grid-text-content {
		padding: 25px;
	}

	#masthead {
		padding: 15px 0;
	}

	.quick-contact.quick-contact-1.pull-right {
		padding-top: 10px;
		float: left;
		clear: both;
	}

	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
		padding: 0;
		position: inherit;
		padding: 15px 0;
	}

	.header-v4 #masthead{
		position: inherit;
		padding: 0;
		background: #222;
		padding: 15px 0;
	}

	.header-v5 .nav-inner-wrapper {
		margin: 0;
	}

	.header-v5 .quick-contact {
		text-align: center;
		margin-top: 0;
		width: 100%;
	}

	.header-v5 .quick-contact li {
		float: none;
		display: inline-block;
	}

	.section-featured-slider .slider-buttons {
		margin-top: 0;
	}

	.section-featured-slider h3,
	.section-featured-banner h3 {
		font-size: 35px;
	}

	.quick-link,
	.main-navigation {
		display: none;
	}

	#mob-menu {
		display: block;
	}

	.flat-mega-memu {
		display: none;
	}

	.logged-in.sidr-main-open #mobile-trigger {
		position: relative;
		z-index: 999999;
	}

	.logged-in.sidr-open.sidr-main-open {
		margin-top: -46px;
	}

	#mobile-trigger i,
	#mobile-trigger-quick i {
		font-size: 17px;
		line-height: 0;
		display: block;
	}

	#mobile-trigger-quick {
		float: right;
	}
    
	#mobile-trigger #item2{display:none;}
	
	.mob-menu-open #mobile-trigger #item1{display:none;}
	.mob-menu-open #mobile-trigger #item2{display:block;}
	
	.sidr ul li a {
		padding-right: 50px;
	}

	.sidr ul li {
		position: relative;
	}

	.sidr .dropdown-icon {
		height: 50px;
		width: 50px;
		background: #333333;
		z-index: 999;
		display: block;
		box-shadow: 0 0 37px #464444 inset;
		cursor: pointer;
	}

	.sidr ul li ul .dropdown-icon {
		height: 41px;
	}

	.sidr .dropdown-icon::after {
		content: "\f107";
		display: block;
		text-align: center;
		font-family: 'Font Awesome 5 Free';
	}

	.sidr .toggle-on .dropdown-icon::after {
		content: "\f106";
	}

	.sidr .dropdown-toggle {
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
	}

	.sidr ul li ul {
		display: none;
	}

	#mob-menu.sidr ul li.has-mega-menu ul {
		display: block;
	}

	#mob-menu ul {
		display: none;
	}

	.sidr-open #mob-menu .sidr-inner > ul{
		display: block;
	}

	.home-landing #mobile-trigger {
		width: 100%;
	}

	span.social-tilte {
		display: none;
	}

	.quick-contact li {
		padding-left: 0;
	}

	.section-featured-slider .cycle-caption {
		bottom: 22%;
	}

	#custom-header {
		padding: 50px 0;
	}

}
/* Smaller than standard 768 (devices and browsers) */
@media only screen and (max-width:767px){

	.inner-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}

	.col-grid-1,
	.col-grid-2,
	.col-grid-3,
	.col-grid-4,
	.col-grid-5,
	.col-grid-6,
	.col-grid-7,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		margin: 15px 0 15px 0;
		transition: all 0.4s ease-in-out 0s;
	}

	.col-grid-4,
	.col-grid-3{
		width: 50%;
	}

	.col-grid-4:nth-child(2n+1),
	.col-grid-3:nth-child(2n+1),
	.col-grid-5:nth-child(2n+1){
		clear: both;
	}

	.col-grid-1,
	.col-grid-2,
	.col-grid-5,
	.col-grid-6,
	.col-grid-7 ,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		width: 100%;
	}

	.slick-initialized .slick-slide {
		clear: none;
	}

	#content .section.no-padding-btm {
		padding: 30px 0;
	}

	#content .no-margin {
		margin: 15px 0;
	}

	.featured-page-section h3.feature-title {
		visibility: visible;
		font-size: 14px;
		padding: 5px;
		bottom: 0;
	}

	.section-project .project-thumb {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0;
	}

	.project-section .alignright:after,
	.project-section .alignleft:after {
		display: none;
	}

	#content .section-title {
		font-size: 26px;
	}

	#content .section-subtitle {
		font-size: 14px;
		margin-bottom: 20px;
	}

	footer.comment-meta {
		margin-bottom: 15px;
	}

	.sidr ul li ul.mega-menu-sub {
		display: block;
	}

	#masthead.fixed {
		position: inherit;
		top: inherit;
		width: 100%;
		left: inherit;
	}

	#masthead {
		padding: 15px 0;
	}

	#masthead:after,
	#masthead:before {
		visibility:visible;
		display: none;
	}

	#footer-widgets .footer-widget-area {
		width: 50%;
		margin-bottom: 15px;
	}

	#footer-contact .contact-title {
		display: block;
		margin: 0;
		margin-bottom: 15px;
	}

	#footer-widgets .footer-widget-area {
		width: 100%;
		border-bottom: 1px solid #50505059;
		padding: 0 15px 20px;
	}

	#footer-widgets .footer-widget-area:last-child {
		border: none;
	}

	#footer-widgets .widget-title {
		margin-bottom: 10px;
	}

	.section-featured-slider .slider-buttons .custom-button,
	.section-featured-banner .custom-button {
		padding: 6px 20px;
		text-transform: capitalize;
		margin: 0;
	}

	.section-featured-slider .slider-buttons a.custom-button.custom-wire {
		padding: 4px 20px;
	}

	.section-featured-slider .cycle-prev {
		left: 0;
	}

	.section-featured-slider .cycle-next {
		right: 0;
	}

	.section-plan .pricing-plan-item,
	.section-plan .pricing-plan-item.pricing-plan-recommended {
		width: 100%;
		max-width: 400px;
		margin: 25px auto;
		float: none;
	}

	.pricing-plan-cost span.pricing-plan-price-currency {
		font-size: 20px;
		margin-top: 0;
		position: relative;
		top: -17px;
	}

	.site-title {
		font-size: 22px;
	}

	.section-featured-slider .cycle-pager {
		display: none;
	}

	#quick-link-buttons .cart-button > span {
		margin-top:2px;
	}

	#main-slider h3, .section-featured-banner h3 {
		font-size: 28px;
		padding: 0;
		margin-bottom: 15px;
	}

	#main-slider .cycle-caption{
		bottom: 50px;
	}

	.section-featured-banner .banner-caption {
		bottom: 20px;
	}

	#main-slider h3 a {
		display: block;
	}

	a.custom-button.custom-secondary-button {
		padding: 4px 15px;
	}

	.copyright {
		float: none;
	}

	.site-info {
		float: none;
	}

	#footer-widgets {
		padding: 35px 0;
	}

	#footer-contact {
		padding: 30px 0;
	}

	#tophead a.search-icon {
		background-color: inherit;
		color: #fff;
		border: none;
	}

	.entry-thumb.alignleft,
	.entry-thumb.alignright {
		max-width: 100%;
		margin: 0 0 20px;
	}

	#custom-header {
		padding: 20px 0;
	}

	.page-title {
		font-size: 22px;
	}

	.section-call-to-action.cta-boxed .call-to-action-description {
		float: inherit;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}

	.section-call-to-action.cta-boxed .call-to-action-buttons {
		float: none;
	}

	.section-featured-banner .banner-caption {
		left: 0;
		width: 100%;
	}

	.section-portfolio .portfolio-item {
		float: left;
		position: relative;
		margin: 0;
		width: 50%;
	}

	.section-portfolio .portfolio-item {
		width: 50%;
	}

	article.hentry {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	#content {
		padding: 30px 0;
	}

	.comments-title {
		padding: 15px 0;
		border-top: 1px solid #f7f7f7;
	}

	.section-recent-work .recent-work-section .recent-work-block.main-block {
		width: 100%;
	}

	.section-recent-work .recent-work-section .recent-work-block {
		width: 50%;
	}

	.quick-contact li {
		padding-left: 0;
		padding-right: 20px;
	}

	.section-featured-slider h4 {
		font-size: 16px;
	}

	.header-social-wrapper {
		width: 100%;
		text-align: center;
	}

	.header-social-wrapper .social-links.pull-right {
		float: none;
	}

	.nav-inner-wrapper {
		box-shadow: none;
		width: auto;
		float: right;
		margin-top: -50px;
		background: none;
	}

	#content .section-title-wrap.text-alignleft .section-title {
		margin-bottom: 5px;
	}
}


/* Smaller than standard 460 (devices and browsers) */
@media only screen and (max-width:649px){
	.section-featured-slider p,
	.section-featured-banner p {
		display: none;
	}
#main-slider .cycle-caption {
    bottom: 60px;
}
}

/* Smaller than standard 480 (devices and browsers) */
@media only screen and (max-width:479px){

	.contact-form-area.contactdesc {
		padding: 25px;
	}

	h3.contact-title {
		margin: -25px -25px 24px;
	}

	#contactform input[type="text"],
	#contactform input[type="email"] {
		width: 100%;
		margin-bottom: 20px;
	}

	.recent-posts-widget h4 {
		font-size: 14px;
	}

	#content .section-title {
		font-size: 25px;
	}

	.section.section-services.service-layout-2 .service-block-item a.service-icon {
		float: left;
		margin: 0 30px 0 0;
		font-size: 23px;
		width: 70px;
		height: 70px;
		padding: 20px 0;
	}

	.header-v1 #tophead {
		clear: both;
	}

	.col-grid-1
	.col-grid-2,
	.col-grid-4,
	.col-grid-3,
	.col-grid-5,
	.col-grid-6
	.col-grid-7,
	.col-grid-8,
	.col-grid-9,
	.col-grid-10,
	.col-grid-11,
	.col-grid-12 {
		width: 100%;
	}

	.portfolio-filter ul {
		display: block;
		border: none;
	}

	.portfolio-filter ul li {
		border: none;
	}

	.section-portfolio .portfolio-item {
		width: 100%;
	}

	.item-inner-wrapper:hover .portfolio-content {
		bottom: 35px;
	}

	.quick-contact-widget {
		padding: 0;
	}

	.section-project .featured-project-section {
		padding: 40px;
	}

	.video-widget a.media-zoom-icon {
		position: absolute;
		top: 26%;
		left: 34%;
	}

	a.media-zoom-icon i {
	    height: 50px;
	    width: 50px;
	    text-align: center;
	    padding: 14px;
	    background: #fff;
	    margin: 9px;
	    border-radius: 100%;
	    font-size: 14px;
	}

	.portfolio-filter ul li:first-child a {
		border: none;
	}

	.counter-icon {
		display: block;
		margin-right: 25px;
		margin-bottom: 0;
	}

	.section-counter .counter-nos {
	    font-size: 24px;
	}

	.section-counter .counter-title {
	    font-size: 12px;
	}
	.entry-meta > span {
	    margin-right: 10px;
	}
	#content .section-top-subtitle {
	    font-size: 14px;
	    margin-bottom: 0;
	}
	#content .section-title-wrap span.divider {
	    margin-bottom: 0;
	}
	.faq-section .accordionjs .acc_section .acc_head {
	    position: relative;
	    padding: 10px;
	    display: block;
	    cursor: pointer;
	    padding: 10px 35px 10px 25px;
	}
	.faq-section .accordionjs .acc_section .acc_content {
	    padding: 20px 30px 10px;
	}
	.section-associate-logo .associate-logo-item {
		width: 50%;
	}
	.quick-contact  .header-box-info strong {
		display: none;
	}

	.header-box-icon {
		margin-right: 15px;
	}

	.header-box-info {
		float: left;
		line-height: 1.5;
	}

	.quick-contact li i {
		border: none;
		height: auto;
		width: auto;
	}

	.quick-contact li {
		display: inline-block;
		float: none;
		padding: 0;
		width: 100%;
		text-align: left;
		font-size: 12px;
	}
	.quick-contact {
		text-align: center;
		width: 100%;
		margin: 0;
	}

	#main-slider h3 br {
		display: none;
	}

	.section-featured-slider h4 {
		font-size: 13px;
		margin-bottom: 5px;
	}

	a.custom-button:before {
		margin-right: 5px;
	}

	.quick-contact {
		text-align: center;
		width: 100%;
	}



	#main-slider h3,
	.section-featured-banner h3 {
		font-size: 18px;
		padding: 0;
		margin-bottom: 10px;
	}

	#main-slider .cycle-caption {
		bottom: 25px;
	}

	.searchform {
		width: 230px;
		margin: 0 auto;
		max-width: 100%;
	}

	.search-box-wrap {
		padding: 20px;
	}

	.section-featured-slider .slider-buttons .custom-button {
		padding: 6px 15px;
		text-transform: capitalize;
		font-size: 13px;
		margin: 0;
	}

	.section-featured-slider .cycle-prev,
	.section-featured-slider .cycle-next {
		visibility: visible;
		opacity: 1;
		display: block;
		width: 35px;
		height: 35px;
		bottom: 45%;
		font-size: 16px;
	}

	#tophead .social-links li a {
		border: none;
		margin: 0;
		width: 30px;
		height: initial;
		padding: 0;
		margin: 0;
	}

	.multi-language {
		padding-top: 2px;
	}

	.header-v4 .site-branding img,
	.header-v5 .site-branding img  {
		max-width: 95px;
	}

	.portfolio-filter ul li a {
		border: none;
		display: block;
		padding: 5px;
	}

	.quick-contact-widget .quick-contact-item {
		width: 100%;
	}

	.inner-quick-contact-wrapper {
		text-align: center;
	}

	.global-layout-right-sidebar .entry-content-wrapper,
	.global-layout-left-sidebar .entry-content-wrapper,
	.default-full-width.blog-full-width .entry-content-wrapper {
		padding: 0;
		margin: 0;
	}

	#footer-navigation {
		text-align: center;
	}

	#footer-navigation li a {
		margin-right: 10px;
		padding: 0;
		font-size: 13px;
	}

	.recent-posts-widget img {
		margin: 0 20px 0 0;
	}

	.author-avatar {
		float: none;
		margin: 0 auto 20px;
		display: block;
		text-align: center;
	}

	.vcard .avatar {
		float: none;
		display: block;
		margin: 0 auto 30px;
	}

	.entry-title {
		font-size: 20px;
		margin-bottom: 0;
	}

	.entry-meta > span {
		font-size: 13px;
	}

	.authorbox {
		padding: 0 0 15px;
	}

	.site-main .comment-navigation,
	.site-main .posts-navigation,
	.site-main .post-navigation {
		padding: 15px 0;
	}

	.comments-title {
		padding: 10px 0;
	}

	ol.comment-list .children {
		border: medium none;
		float: left;
		margin: 0;
		width: 100%;
		padding: 0;
	}

	.sidebar input.search-submit {
		position: inherit;
		width: 100%;
		margin-top: 15px;
		padding: 8px;
	}

	.sidebar input.search-field {
		padding: 7px 25px;
	}

	.featured-page-section h3.feature-title {
		font-size: 18px;
		padding: 10px;
	}

	.col-grid-6.no-margin.features-item {
		width: 100%;
	}

	.quick-contact.quick-contact-2 li {
		font-size: 14px;
		width: auto;
		float: none;
		display: inline-block;
	}
	.header-social-wrapper {
		width: auto;
		text-align: center;
		float: left;
	}

	.site-branding {
		margin: 0;
		text-align: center;
		margin-bottom: 0px;
		float: none;
		margin-bottom: 15px;
	}

	.site-branding {
		float: left;
	}

	a.custom-button.quick-link-button {
		float: right;
	}

	.header-v5 a.custom-button.pull-right.quick-link-button {
		float: right;
	}

	.header-v5 .main-header-social-wrapper.pull-right {
		float: left;
		width: auto;
	}

	.header-v5 .nav-inner-wrapper {
		margin-top: -56px;
	}

	.notice-info.pull-left {
		float: none;
	}

	.notice-info p {
		margin-top: 0;
		display: block;
		font-size: 13px;
		text-align: center;
		width: 100%;
	}

	#masthead {
		padding: 15px 0;
		text-align: center;
	}

	.quick-contact .header-box-icon {
		margin-right: 10px;
		padding: 0;
	}

	.nav-inner-wrapper {
		box-shadow: none;
		width: auto;
		float: right;
		margin-top: -50px;
		background: none;
		padding-right: 0;
	}

	a.custom-button.quick-link-button {
		margin-left: 0;
		display: inline-block;
		margin-bottom: 10px;
		margin-top: 5px;
	}

	#content .section {
		margin-bottom: 0;
		padding: 30px 0;
	}

	.section-counter .counter-item {
		width: 50%;
	}

	.section-testimonial .testimonial-thumb {
		position: relative;
		float: none;
		margin: 0 auto 25px;
	}

	.section-testimonial .clien-info-wrap {
		padding-top: 15px;
		overflow: hidden;
	}

	.section-testimonial .testimonial-summary {
		overflow: hidden;
		padding-bottom: 5px;
	}

	.section-featured-projects .featured-projects-text-content-wrapper {
		margin: -50px auto 0;
	}

	.quick-contact.quick-contact-2 li i {
		float: left;
		font-size: 13px;
		margin-right: 7px;
		color: #fff;
		line-height: 0.8;
	}

	.quick-contact.quick-contact-2 li {
		margin: 0 5px;
	}

	#content .no-padding {
		padding: 0;
	}

	#tophead {
		padding: 0;
		clear: both;
		padding-bottom: 5px;
	}

	.section-featured-slider .slider-buttons .custom-button {
		padding: 3px 15px;
	}

	.section-featured-slider .slider-buttons a.custom-button.custom-wire {
		padding: 2px 20px;
	}

	.custom-button, .custom-button:visited, a.button, .custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {
		min-width: inherit;
		padding: 4px 15px;
		font-size: 14px;
	}

	input[type="button"], input[type="reset"], input[type="submit"], button {
		padding: 7px 20px;
	}

	.header-v4 .site-branding.pull-left {
		float: left;
		margin: 0;
	}

	.header-v4 #header-search a.search-icon {
		color: #fff;
		padding: 7px 0;
		font-size: 14px;
	}

	.header-v4 #main-slider .cycle-caption {
		bottom: 50px;
	}

	.section-recent-work .recent-work-section .recent-work-block {
		width: 100%;
	}

	#footer-widgets {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width:414px){
	.site-title {
	  font-size: 27px;
	  font-weight: 700;
	  margin: 0;
	  max-width: 138px;
    }
	a.setdel{background:none !important; color:#e00114 !important; font-size: 22px; padding: 2px 5px;}
	#masthead {
    padding: 12px 0 5px 0;
    text-align: center;
}
.site-branding {
    margin-bottom: 5px;
}
h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0 0 10px;
    background: none;
    line-height: 1.0em;
    font-family: 'Poppins', sans-serif;
    color: #222;
    font-weight: 600;
}
#content .section-title {
    font-size: 18px;
	margin-bottom:0;
}
#content .section-title-wrap {
    margin-bottom: 0px;
}

#footer-widgets a, #footer-widgets a:visited {
    color: #727272;
    font-size: 12px;
}

.fonfr p{font-size:12px;}

#footer-widgets {
    padding: 15px 0;
}

a.scrollup, a.scrollup:visited {
    background-color: #e00518;
    bottom: 50px;
    color: #ffffff;
    float: right;
    line-height: 1.2;
    padding: 12px 17px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: -5;
}

.fotne{display:block;}
.fonfr {text-align: left; margin-top:0; margin-bottom:0;}
.fotne {padding-left: 0;}

.libde img {
    width: 676px;
    max-width: none;
    display: block;
    margin-left: -129px;
    margin-right: 0;
    border: 0;
}

.col-grid-3 {
    width: 50%;
}

#colophon {
    background-color: #161616;
    clear: both;
    font-size: 14px;
    text-align: center;
    padding: 12px 0 10px 0;
    max-width: 1200px;
    margin: 0 auto 0;
}

.hiden{display:none;}

.fonfr p{margin-bottom:0;}
.col-4{width:33.33%; float:left; text-align:center;}

.copyright {
    float: none;
    font-size: 12px;
}

.site-info{font-size: 12px;}

.service-block-list .service-block-item {
    margin-bottom: 13px;
}
.contof{margin-top:10px;}
.contof h3{font-size:14px;}
.contof p{font-size:12px; margin-bottom:0;}
.fengx h3{font-size:14px;}
.fosd p{font-size:12px; line-height:23px;     
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.service-block-inner-content h3{font-size:15px;}
.more-link{font-size:12px;}
.section-services .service-block-item a.service-icon {
    background: #f5f5f5;
    line-height: 0.6;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    font-size: 24px;
    color: #e00518;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 15px;
    position: relative;
    display: inline-block;
    padding: 21px;
    height: 65px;
    width: 65px;
}

.section-services .service-block-inner {
    padding: 20px;
}

.section-counter .counter-title{
	line-height: 23px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.xunfos li .ne-top h3 {
    font-size: 16px;
	padding-right: 100px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.btd span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.btd h2 {
    font-size: 16px;
    font-weight: 400;
	padding-right: 100px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.xunfos{ margin-bottom:0;}

.hezi {
    margin-bottom: 10px;
    overflow: hidden;
}

#content .zyfwbox{padding:0;}

#content .section-title-wrap span.divider{
	height: 0;
    width: 0;
    margin: 0;
	display:none;
}

.wrap{width:100%;overflow:hidden;}
.banner{width:640px;margin-left:-320px;left:50%;position:relative;}
.zhelidj {
    margin-top: 0;
    margin-bottom: 30px;
}

.mobycd,.mob-phone,.foot-mobile,.mobju{display:block;}

.foot-mobile{position:fixed; background-color:#cf0209; width:100%; left:0; bottom:0; z-index:99;}
.foot-mobile a{text-align:center; color:#fff; display:block; padding:0 0; font-size:12px;}
.mobju{height:27px;}
.main-footer .contact-info li.mohiden{display:none;}


}

@media only screen and (max-width:375px){
	
.libde img {
    width: 610px;
    max-width: none;
    display: block;
    margin-left: -118px;
    margin-right: 0;
    border: 0;
}

}

/* Smaller than standard 340 (devices and browsers) */
@media only screen and (max-width:340px){
	.site-title {
	    max-width: 116px;
	}
	.section-featured-slider .text-alignleft .slider-buttons a.custom-button {
	    margin-right: 5px;
	}
	.section-featured-slider .text-alignleft .slider-buttons a.custom-button {
	    margin-right: 5px;
	}
	#main-slider .cycle-caption {
	    bottom: 60px;
	}
	#content .section-title {
	    font-size: 18px;
	}
	#content .section-title {
	    font-size: 18px;
	}
	#tophead {
	    padding: 0;
	    clear: both;
	    padding-bottom: 5px;
	    text-align: center;
	}
	.multi-language {
	    float: none;
	    display: inline-block;
	}
}
/* Smaller than standard 320 (devices and browsers) */
@media only screen and (max-width:219px){

	.container{
		width: 310px;
		max-width: 310px;
	}
}

/*--------------------------------------------------------------
Main css ends form here
--------------------------------------------------------------*/