JezK

Edit File: responsive.css

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1367px) and (max-width: 1900px) {
	.header-style4 aside.widget.widget-phone {
		display: none;
	}

.header.header-style4 {
	    padding: 0px 20px;
	}
}

@media only screen and (max-width: 1366px) {
	.header.header-style4 {
	    padding: 0px 20px;
	}

.header-style4 .margin-left68 {
	    margin-left: 15px;
	}
	
	.header-style4 aside.widget.widget-phone {
		display: none;
	}

.padding-lr100 {
	    padding: 0px 50px;
	}

.flat-maps-form2 {
	    padding: 3.9% 5.3% 3% 4.45%;
	}

.info-aboutus {
	    padding: 2.7% 3% 3% 3%;
	}

.info-aboutus .title-section.style2.left {
	    margin-bottom: 30px;
	}

.flat-box {
	    width: auto;
	}

.imagebox .imagebox-content {
		padding: 10px 25px 10px 15px;
	}

.imagebox .imagebox-content::after {
	    right: 12px;
	    top: 24px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	.switcher-container {
		top: 115px;
	}

.top.style2 .flat-information {
	    padding-left: 5px;
	}

.flat-information.style2 li {
	    margin-right: 5px;
	}

.wrap-widget-header .widget-info {
	    margin: 0 0 0 15px;
	}

.widget-header-style2 .wrap-widget-header .widget-info {
	    margin: 0 0 0 0px;
	}

#mainnav ul.submenu.right {
		right: 0;
		left: auto;
	}

#mainnav > ul > li > a, .menu-extra li a {
	    padding: 0 21px 0px 21px;
	}

#mainnav.style2 > ul > li:first-child > a {
	    padding-left: 0px;
	}

.header-style2 .menu.menu-extra li a {
	    padding: 0px 5px;
	}

#mainnav.style2 > ul > li > a {
	    padding: 0 10px 0px 10px;
	}
	/* Style3 */
	.header-style3 .widget.float-right {
		display: none;
	}

.header-style3 #mainnav.style2 > ul > li > a {
	    padding: 0 15px 0px 15px;
	}

.flat-language {
	    width: 25%;
	}

/* Style4 */
	.top.style4 .margin-left29, .top.style4 .flat-top.social-links, .top.style5 .margin-left32, .top.style5 .flat-top.social-links {
	    margin-left: 15px;
	}

.top.style4 .flat-top.social-links, .top.style5 .flat-top.social-links {
	    padding-left: 15px;
	}

.wrap-testimonial #testimonial-carousel {
		padding: 0px 325px;
		top: 135px;
	}

.wrap-iconbox li:last-of-type .iconbox, .wrap-iconbox li:first-of-type .iconbox, .iconbox, .iconbox.bg-image {
	    padding-right: 35px;
	    padding-left: 35px;
	}

.blog-shortcode.post-list .entry .featured-post {
	    margin: 0px 15px 0px 0px;
	}

.blog-shortcode.post-list .entry .content-post {
	    padding: 9px 0px 9px 0px;
	}

.padding-lr100, .padding-lr65_5, .padding-lr35, .padding-lr5_65 {
	    padding: 0px 0px;
	}

.featured-aboutus,.featured-aboutus img, .info-aboutus {
	    width: 100%;
	}

.about-counter .flat-counter, .about-counter .flat-counter:nth-child(2), .about-counter .flat-counter:nth-child(3) {
		width: 33.3333333333%;
	}

.about-counter .flat-counter .content-counter.float-left {
		float: none!important;
	}

.social-links.style2.team li a {
	    line-height: 44.5px;
	    width: auto;
	    height: auto;
	    padding: 0px 14px;
	}

.main-history .wrap-step {
	    margin-bottom: 10px;
	}

.widget.widget-nav-menu ul li a {
	    padding: 11px 0px 15px 14px;
	}

.project-v1.post-list .entry .content-post {
	    padding: 25px 35px 20px 0px;
	}

.project-v2 .entry .content-post {
	    padding: 0px 10px 22px 20px;
	}

.single-post .project-info {
	    padding: 25px 15px 20px;
	}

.single-post .project-info ul li span.name {
	    width: 19.6%;
	}

.post-list .entry .featured-post {
	    margin: 0px 30px 0px 0px;
	}

.post-list .entry .content-post {
	    padding: 20px 10px 20px 0px;
	}

.imagebox .imagebox-content {
		padding: 19px 30px 14px 30px;
	}

.imagebox .imagebox-content::after {
	    right: 16px;
	    top: 28px;
    }

}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu {
		display: block ;
	}

.mainnav, .top .wrap-top.reponsive-none, .switcher-container, .widget.reponsive-none, .widget-header-style2 .wrap-widget-header, .header-style4 .menu.menu-extra.style2 {
		display: none;
	}

.tparrows {
		display: none!important;
	}

#mainnav-mobi .menu {
	    overflow-y: auto;
	    height: 40vh;
	}

.header.downscrolled ~ #mainnav-mobi, .header.header-absolute.downscrolled ~ #mainnav-mobi  {
		position: fixed;
		top: 60px;
	}

.header.header-absolute ~ #mainnav-mobi {
		top: 61px;
	}

.go-top {
		width: 30px;
		height: 30px;
		line-height: 30px;		
	}

.header .logo {
	    margin: 30px 0 0 0;
	}

.menu.menu-extra {
	    padding-left: 0;
	    float: left;
	}

.top .menu.menu-extra {
	    padding-left: 0;
	    margin: 0px 0px 0px 0px;
	}

.wrap-widget-header {
	    padding: 30px 0px 25px;
	}

.header.widget-header-style2 .logo {
	    margin: 15px 0 10px 0px;
	}

.wrap-widget-header .widget-info {
	    margin: 0px;
	    width: 38%;
	}

.wrap-widget-header .widget-info:first-of-type {
		width: 24%;
		text-align: right;
	}

.shopping-cart .subcart, .top-search {
		left: 0;
	}

#mainnav.style2 > ul > li > a, .menu-extra.style2 li a {
	    line-height: 60px;
	}

.header.header-style2 .logo {
	    margin-top: 15px;
	    position: absolute;
	    left: 50%;
	    margin-left: -135px;
	    z-index: 999;
	}

.header.header-style4 .logo {
	    margin: 15px 0 0 0;
	}

.header.header-style4 {
	    padding: 0px 15px;
	    overflow: hidden;
	}
	
	.top.style2 .wrap-top {
		margin-bottom: 10px;
	}

.top.style2 .flat-information {
		float: right!important;
	}

.header.header-style3 .logo {
	    margin: 14px 0 0 10px;
	    position: absolute;
	    z-index: 9;
	}

.nav-absolute .nav-wrap {
		margin-top: 0;
		position: relative;
	}

.footer {
	    padding: 50px 0px 0px;
	}

/* Total */
	.contactform .flat-button:hover::before, .widget-nav-menu ul li:hover:before, .widget-nav-menu ul li.active:before {
	    -webkit-transform: scale3d(-17, 9, 1);
	    transform: scale3d(-17, 9, 1);
	}

.info-apply .btn-apply.text-right {
		text-align: left!important;
	}

.post-list .entry .featured-post, .flat-maps-form2.one-half, .flat-maps-form1.one-half {
		float: none;
	}
	.top .menu.menu-extra::before, .top.style2 .flat-information::before {
		content: none;
	}

.top.style3 .flat-information.style2 {
		text-align: center;
	}

.imagebox .imagebox-image img, .wrap-iconbox li, .flat-maps-form2.one-half, .flat-maps-form1.one-half, .section-about.about-video .fancybox img, .post-list .entry .featured-post img, .item.style2 .featured-item img, .project-dynamic .entry .featured-post img, .wrap-acadion, .flat-video, .flat-video img, .flat-team .avatar img, .product .featured-product img, .product-img img, .wrap-form span.flat-input {
		width: 100%;
	}

.wrap-column .flat-column3, .wrap-product .product,.project-dynamic .data-effect li {
		width: 50%;
	}

.flat-language {
	    width: 30%;
	}

.top.style2 .flat-language, .product-single ul.product-style li .style {
	    width: 25%;
	}

.flat-row, .flat-row.section-iconbox, .flat-row.v12, .flat-row.project-grid,.flat-row.v13, .flat-row.section-image, .flat-row.page-teammember2.padding2, .flat-row.v9, .flat-row.v11, .flat-row.section-counter2, .flat-row.v8, .flat-row.v5, .flat-row.project-single, .flat-row.section-services3, .flat-row.flat-project-v2, .flat-row.services-grid, .flat-row.section-counter, .flat-row.product-single, .flat-row.v4, .flat-row.v3, .flat-row.blog-list, .flat-row.blog-grid, .flat-row.blog-posts, .flat-row.blog-masonry {
		padding: 40px 0;
	}

.page-title, .page-title.style2 {
	    padding: 40px 0px 50px;
	}

.flat-row.v6, .flat-row.section-product2,.flat-row.section-testimonials, .flat-row.v1.padding2, .flat-row.flat-project-v1, .flat-row.v1, .flat-row.section-services2, .flat-row.v10, .flat-row.v7, .flat-row.page-teammember2,.flat-row.section-project-dynamic, .flat-row.page-teammember, .flat-row.section-iconbox.padding2 {
		padding: 40px 0px 20px;
	}

.flat-row.section-testimonials2, .flat-row.section-testimonials2.padding2, .flat-row.section-testimonials2.padding3, .flat-row.section-testimonials2.padding4 {
	    padding: 60px 0px 40px;
	}

.flat-row.padingbotom {
	    padding: 0px 0px 40px;
	}

.project-dynamic .width50 .entry .content-post {
	    padding: 0px 20px 0px 20px;
	}

.project-v1.post-list .entry .content-post {
	    padding: 20px 20px 20px 20px;
	}

.iconbox.bg-image, .iconbox {
	    padding: 40px 42px 20px;
	}

.product-single .flat-tabs .content-tab .inner-tab2 {
	    margin: -2px 0px 20px 0px;
	}

.sidebar .widget, .sidebar.shop .widget.widget-banner, .page-commingsoon .title-section.sub, .page-404 .title-section, .careers-info, .sidebar.shop .widget, .history-text {
	    margin-bottom: 40px;
	}

.post-grid .entry, .post-masonry .entry, .single-post, .section-icon .title-section.style3, .flat-icon-right, .flat-row.v1 .title-section.style3, .section-image .title-section.style3, .pricing-item, .formrequest2 .title-section.style2, .single-post .single-text3, .section-about.about-video, .careers-info .careers-featured, .project-v2 .entry, .video-services, .flat-video, .flat-counter, .flat-row.section-counter .title-section.style2, .history-text .title-section.style3 .title, .history-text p, .history-text .title-section.style3.left, .wrap-formcontact.style2 .flat-maps, .page-teammember .title-section.style3, .wrap-formcontact.style2 p, .info-box, .wrap-formcontact h1, .list-author .info-author, .list-author, .product-img, .margin-bottom-79, .wrap-product .product, .title-section.style3.left, .title-section.style3, .section-product .title-section.style3, .post-list .entry:first-of-type, .post-list .entry, .entry, .post-list .entry:nth-child(4), .reponsive-mb30, .section-iconbox .title-section.style3.left, .title-section.style3 .title, .title-section, .title-section.style2.left {
	    margin-bottom: 30px;
	}

.wrap-form span.flat-input {
		margin-bottom: 20px;
	}

.post-list .entry .featured-post, .project-v1.post-list .entry .featured-post, .blog-shortcode.post-list .entry .featured-post {
		margin: 0;
	}

.margin-left25, .margin-left40, .flat-icon-right .iconbox {
		margin-left: 0;
	}

.divider.sh35, .divider.sh94 {
		height: 0;
	}

.sidebar {
	    margin-bottom: 50px;
	}

.load-post {
	    margin-top: 20px;
	}

.flat-quote .quote-link {
		margin-top: 15px;
	}

.margin-top_81, .margin-top_121 {
		margin-top: 0;
	}

.fancybox::after {
		margin-right: -31px;
	}

.section-about .fancybox::after {
	    margin-right: -23px;
	}

.product-single .social-links .title-link {
		padding-right: 0;
	}

.iconbox.iconleft {
	    padding: 20px 0px 0px 0px;
	}

.flat-row.section-testimonials2.padding5 {
		padding: 23px 0px 40px;
	}

.product-single .flat-quantity {
	    padding: 30px 0px 30px;
	    margin: 30px 0px 30px;
	}

.wrap-infobox {
	    padding-bottom: 30px;
	    margin-bottom: 50px;
	}

.careers-open .info-apply {
	    padding-bottom: 30px;
	    margin-bottom: 30px;
	}

.flat-quote .quote-text, .flat-quote .quote-link {
		float: none!important;
		text-align: center;
	}

.header .logo {
		text-align: center;
	}

.padding-left50, .padding-left43, .featured-single, .countdown .square, .padding-left70 {
	    padding-left: 0px;
	}

.padding-lr79, .padding-lr180, .padding-lr140 {
	    padding: 0px 0px;
	}

.wrap-testimonial #testimonial-carousel {
	    padding: 0px 240px;
	}

.wrap-testimonial #testimonial-carousel .slides li {
	    width: 80px !important;
	}

.wrap-testimonial #testimonial-carousel .slides li img {
	    width: 50px;
	    height: 50px;
	}

.wrap-testimonial #testimonial-carousel .slides li:hover img, .wrap-testimonial #testimonial-carousel .slides li.flex-active-slide img {
	    width: 75px;
	    height: 75px;
	    margin-top: -12px;
	}

.flat-row.section-404 {
	    padding: 80px 0px 80px;
	}

.post-grid .entry .content-post, .item .content-item {
	    padding: 0px 20px 21px;
	}

.product-single .flat-tabs .content-tab.review {
	    padding: 30px 10px 22px 10px;
	}

.post-masonry .entry .content-post {
	    padding: 0px 10px 22px;
	}

.wrap-column2 {
	    margin: 0px -15px;
	}

.wrap-column2 .flat-column2 {
	    padding: 0px 15px;
	}

.post-list .entry .content-post {
	    padding: 20px 10px 20px 10px;
	}

.flat-video, .margin-right_30 {
	    margin-right: 0;
	}

.careers-info .careers-featured {
	    margin: 0px -5px 30px -5px;
	}

.page-404 .number {
	    font-size: 200px;
	    line-height: 200px;
	    margin: 0px 0px 30px 0px;
	}

.page-commingsoon .comming-soon {
		width: auto;
	}

.countdown {
	    margin: 0px 15px 40px 15px;
	}

}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	
	
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.widget-info .info-icon, .wrap-widget-header .widget-info:first-of-type, .wrap-top.reponsive-none767 {
		display: none;
	}

.comment-form .wrap-input .add-review {
		width: 100%;
		margin-bottom: 15px;
	}

#mainnav-mobi .menu {
	    height: 62vh;
	}

.reponsive-onehalf,.countdown .square {
		width: 50%;
	}

.wrap-widget-header .widget-info {
	    width: 50%;
	    text-align: center;
	}

.wrap-testimonial #testimonial-carousel {
	    padding: 0px 190px;
	    top: 152px;
	}

.post-list .entry .content-post {
	    padding: 5px 10px 10px 10px;
	}

.post-grid .entry .content-post, .item .content-item {
	    padding: 0px 10px 21px;
	}

.comment .comment-body .comment-author {
	    margin-right: 15px;
	    padding-right: 15px;
	}

.fancybox::after {
	    margin-right: -26px;
	}

.countdown .square {
		margin-bottom: 10px;
	}

.section-about .fancybox::after {
	    margin-right: -21px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
	.wrap-testimonial #testimonial-carousel {
	    padding: 0px 120px;
	    top: 187px;
	}
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.wrap-column .flat-column3, .wrap-column2 .flat-column2, .wrap-form.style2 span.flat-input, .top.style2 .flat-language, .project-dynamic .data-effect li.width50, .project-dynamic .data-effect li, .countdown .square, .item .featured-item a img, .flat-tabs ul.menu-tab li, .about-counter .flat-counter, .about-counter .flat-counter:nth-child(2), .about-counter .flat-counter:nth-child(3), .wrap-product .product, .list-author .info-author .featured-author img, .product-single .flat-tabs ul.menu-tab li, .comment-form .wrap-input .add-review {
		width: 100%;
	}

.flat-language {
	    width: 60%;
	}

.single-post .project-info ul li span.name {
		width: 40%;
	}

.top.style3 .flat-language {
	    width: 35%;
	}

.page-commingsoon .title-section.sub .title {
	    font-size: 36px;
	    line-height: 45px;
	}

#mainnav-mobi .menu {
	    height: 62vh;
	}

.product-single .product_meta li::after, .top.style2 .flat-information::before, .comment-respond h2::after, .main-history .wrap-step .data-step::before, .main-history .wrap-step .data-step::after {
		content: none;
	}

.top .info-text, .wrap-widget-header .widget-info, .btn-showall.float-right, .comment-form .wrap-input .add-review, .list-author .info-author .featured-author {
		margin-bottom: 15px;
	}

.entry .meta-data .meta-post, .product-single .flat-tabs ul.menu-tab li, .flat-tabs ul.menu-tab li {
		margin-bottom: 5px;
	}

.about-counter .flat-counter, .countdown .square {
		margin-bottom: 30px;
	}

.wrap-widget-header .widget-info, .wrap-widget-header .widget-info:first-of-type {
	    float: none;
	    width: 100%;
	}

.widget-info .info-icon, .wrap-widget-header .widget-info:first-of-type, .header.header-style2 .menu.menu-extra {
		display: none;
	}

.copyright, .top .info-text, .wrap-widget-header .widget-info, .wrap-widget-header .widget-info:first-of-type, .top.style2 .wrap-top, .top.style4 .flat-information.style2 {
		text-align: center;
	}

.bottom ul.social-links.style2, .btn-showall.float-right, .comment .comment-body .comment-text {
		text-align: center!important;
	}

.btn-showall.float-right, .blog-pagination .count-page, .flat-pagination.float-left, .list-author .info-author .featured-author, .entry .meta-data .meta-post.float-left, .entry .meta-data .meta-comment.float-right {
		float: none!important;
	}

.list-author .info-author .featured-author {
		margin-right: 0;
	}

.main-history .wrap-step .data-step {
	    padding: 11px 0px 0px 0px;
	}

.comment .comment-body .comment-author {
	    border-right: none;
	    margin-right: 0;
	    padding-right: 0;
	    text-align: center;
	    float: none !important;
	    margin-bottom: 10px;
	}

.bottom {
		padding-bottom: 15px;
	}

.header .logo {
	    margin: 20px 0 0 0;
	}

.wrap-widget-header {
	    padding: 25px 0px 5px;
	}

.shopping-cart .subcart {
		left: -35px;
	}

.top.style2 .flat-language > ul > li > ul {
		left: 50%;
		margin-left: -63px;
	}

.header.header-style2 .logo {
		margin-left: 0;
		left: 15px;
	}

.wrap-testimonial #testimonial-carousel {
	    padding: 0px 40px;
	    top: 270px;
	}

.copyright {
	    margin: 10px 0px 10px 3px;
	}

.comment-respond h2 {
		margin: 30px 0px 30px;
	}

.wrap-breackcrum .breadcrumbs {
	    z-index: 99;
	    top: 35px;
	}

.fancybox::after {
	    margin-right: -10px;
	}

.section-about .fancybox::after {
	    margin-right: 0px;
	}

.page-404 .number {
	    font-size: 100px;
	    line-height: 100px;
	}

.flat-row.section-404 {
	    padding: 40px 0px 40px;
	}

.page-404 .title-section.style2 .title {
	    font-size: 40px;
	    line-height: 40px;
	}

.page-404 .btn-404 .flat-button {
	    padding: 9px 20px 13px 20px;
	}

.wrap-form.style3 {
	    padding: 15px 20px 20px 20px;
	}

}

@media (max-width: 320px) {	
	#mainnav-mobi .menu {
	    height: 78vh;
	}
	.flat-language {
	    width: 55%;
	}

.single-post .project-info ul li span.name {
		width: auto;
	}

.wrap-testimonial #testimonial-carousel {
	    padding: 0px 10px;
	    top: 300px;
	}

.top-search {
	    width: 276px;
	}

.shopping-cart .subcart {
	    left: -54px;
	    width: 280px;
	}

.cart .quantity {
		margin-bottom: 20px;
	}

.fancybox::after {
	    margin-right: -7px;
	}

}