/* Media Queries
-------------------------------------------------------------- */

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	.top-search {
		display: none;
	}

	#mainnav {
		display: none;
	}

	.btn-menu {
		display: block ;
	}
	.header .header-wrap .logo 
	{
	    text-align:left; float:left;
		width: 120px; height:120px;position:relative;
	}
 
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	#mainnav,
	.top-search,
	.content-wrap:before {
		display: none;
	}
	.flat-button-slider 
        {
            font-size: 15px;
            padding-left: 35px;
        }
        .tp-caption.flat-button-slider {
         padding: 10px 20px;font-size: 15px;
        }
	.textbox
{ 
    width:100%; display:block; height:46px; font-size: 15px;
}
    .header.header-v3 .flat-search {
	float: left;
}
.button.style4 { margin-top:0;}
	#header .logo 
	{
	    text-align:center; float:none;
		width: 100%; height:auto;
	}
	.header .header-wrap h2
	{  
	  text-align:center;
	}
     /*** 
=============================================
    Working Area style
=============================================
***/     
.working-area .sec-title {
    padding: 0 30px 40px;
}
  
	.btn-menu,
	
	.flat-tabs ul.menu-tabs li {
		display: block ;
	}
     .content-bottom-widgets .ft-wrapper .footer-70 .widget_text .textwidget .custom-info span{
		display: block ; float:left;
	}   
        .parallax.parallax1,
        .parallax.parallax2,
        .parallax.parallax3,
        .parallax.parallax4,
	.parallax.parallax5 {
		background-position: 0 0 !important;
	}
    .top .flat-address .social-links{
		display:inline-block; float:right;
	}
	.top .flat-address .social-links a,
	.top .flat-address .social-links a {
		display: inline-block; float:left;
	}
    .top .flat-address .custom-info {
	display: inline-block; float:left;
    }
	
	.top .top-navigator,
	.content-bottom-widgets .ft-wrapper .footer-70,
	.content-bottom-widgets .ft-wrapper .footer-30,
	.content-bottom-widgets .logo-ft,
	.flat-general.sidebar-right .general,
	.sidebar-right .general-sidebar,
	ul.portfolio-filter li,
	.main-content,
	.sidebars {
		float: none;
	}

	.flat-header-information,
	.flat-header-information .header-information, .flat-header-information .header-information:last-child {
		float: left; text-align:left;
		margin-bottom: 10px; display:block;
	}

	.flat-portfolio.portfolio-masonry .portfolio .portfolio-item .portfolio-wrap .portfolio-info .portfolio-title {
		font-size: 13px;
	}

	.header.header-v1,
	.header.header-v2 .header-wrap {
		position: relative;
	}

	.header.header-v1,
	.flat-tabs ul.menu-tabs li.active a:before {
		top: 0;
	}

	.header-v3 .flat-logo {
		overflow: hidden;
		border-bottom: 1px solid rgba(54, 70, 115, 0.08);
	}

	.flat-header-information .header-information {
		margin-left: 0; text-align:left; display:block;
	}

	.top .flat-address .social-links {
		margin-right: 0; float:right;
	}

	.flat-header-information .header-information {
		margin-right: 15px;text-align:left;display:block;
	}
    .top .flat-address .custom-info span{
		text-align: left;float:left;display: inline-block;
	}
	 
	.top .flat-address .social-links{
		display: inline-block; float:right;
	}
	.top .flat-address .social-links a,
	.top .flat-address .social-links a {
		display: inline-block;  
	}
	
	.top .top-navigator,
	.content-bottom-widgets .ft-wrapper .footer-30,
	.content-bottom-widgets .ft-wrapper .footer-70,
	.flat-clients .clients-image .item-img {
		text-align: center;
	}

	
    .content-bottom-widgets .ft-wrapper .footer-70 .widget_text .textwidget .custom-info span{
		margin-bottom: 15px; float:left; display:block; text-align:left;
	}
	.top.style-v1 {
		padding-bottom: 12px;
	}

	.top .flat-address .custom-info{
		margin-bottom: 5px; display:inline-block;
	}
	.top .flat-address .social-links
	  {
		margin-bottom: 5px; float:right; text-align:center;
	}
	.clients-image.style1 .clients-item {
		margin: 10px; display:inline-block;
		width: 110px; max-width:110px;
	}

	.flat-latest-news .blog-posts,
	.footer-widgets .widget.widget_text .textwidget,
	.imagebox,
	.flat-general.sidebar-right .general,
	.sidebar-left .general-sidebar,
	.main-content-wrap {
		margin-bottom: 30px;
	}

	.pad165px {
		padding-top: 100px;
	}

	.flat-general.sidebar-right .general,
	.sidebar-left .general-sidebar {
		padding-right: 0;
	}

	.main-content {
		padding-right: 15px;
	}

	.sidebar-right .general-sidebar,
	.flat-general.sidebar-left .general {
		padding-left: 0;
	}

	.sidebars {
		padding-left: 15px;
	}

	.pad165px {
		padding-bottom: 100px;
	}

	 
    .item-two-column{
		width: 50%;
	}
	.item-three-column{
		width: 50%;
	}
	.flat-portfolio.portfolio-masonry .portfolio .portfolio-item,
	.blog-shortcode .item-three-column,
	.woocommerce .products li, .woocommerce-page .products li {
		width: 50%;
	}

	.content-bottom-widgets .ft-wrapper .footer-70,
	.content-bottom-widgets .ft-wrapper .footer-30,
	.flat-general .general,
	.general-sidebar,
	.main-content,
	.sidebars {
		width: 100%;
	}

	.flat-general.sidebar-right .general,
	.flat-general.sidebar-right .flat-wrapper .general {
		border-right: none;
	}

	.flat-general.sidebar-left .flat-wrapper .general {
		border-left: none;
	}

	ul.portfolio-filter li.active a:after,
	.flat-tabs ul.menu-tabs li.active a:before {
		height: 100%;
		width: 4px;
	}

	.switcher-container h2 a.active {
		top: 4px;
	}

        .has-mega-menu .latest-post .entry-wrapper .entry-content-wrap .entry-header .entry-title a {
                color: #23527c;
        }

        .has-mega-menu .latest-post .entry-wrapper .entry-content-wrap .entry-header .entry-title a:hover {
                color: #F76B6A;
        }

}

/* 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) {	
	.searchheading
{
    
   font-size:22px;  float:none; padding-top:15px;
    text-align:center;  line-height:30px; padding-bottom:0px; 
}
.tp-caption .title-slide,
.tp-caption.title-slide {
	font-family:'Teko',sans-serif;
	font-size: 32px;
	line-height: 45px;
	color: #000;
	margin-bottom: 15px;
	font-weight:600;
	text-transform:none;
	letter-spacing: normal;
}
.flat-button-slider 
        {
            font-size: 15px;
            padding-left: 35px;
        }
        .tp-caption.flat-button-slider {
         padding: 10px 20px;font-size: 15px;
        }
.textbox
{ 
    width:100%; display:block; height:46px; font-size: 15px;
}
.tp-caption.desc-slide {
	font-size: 15px;
}   
    .header .header-wrap .logo 
	{
	    text-align:center; float:none;
		width: 100%; height:auto;
	}
    #header .logo 
	{
	    text-align:center; float:none;
		width: 100%; height:auto;
	}
.header .header-wrap h2
{
    margin-top:10px;
    text-align:center;
	margin-bottom:0px;
	z-index: 1; 
	font-size:20px; 
	line-height:25px; 
	font-weight:700; 
	padding: 5px 0px 5px; 
	text-transform:uppercase;
	display:block;
}
 
.header .header-wrap h4
{
    color:#222;   
    margin-top:-5px; 
    text-align:center;
	position: relative; 
	font-family: 'Jost', sans-serif;
	z-index: 1; 
	font-size:16px; 
	line-height:18px; 
	font-weight:500; 
}
.header .header-wrap h4 a
{ color:#222;
}
.header .header-wrap h4 a:hover
{ color:#F76B6A;
}
	.flat-header-information,
	.flat-header-information .header-information, .flat-header-information .header-information:last-child {
		float: left; text-align:left;
		margin-bottom: 10px; display:block;
	}
.content-bottom-widgets .ft-wrapper .footer-70 {
	width: 100%; margin-top:15px; float: left;
	 
}
.content-bottom-widgets .ft-wrapper .footer-70 .widget_text .textwidget .custom-info span
 {
	width: 100%; margin-top:5px; float: left; text-align:left; 
}
.flat-general.sidebar-right .general{padding-left: 0px;}
/*** 
=============================================
    Working Area style
=============================================
***/     
.working-area .sec-title {
    padding: 0 30px 40px;
}
  
.top .flat-address .custom-info{
		text-align: left; display:inline-block;
	}
	.top .flat-address .custom-info span{
		text-align: left; display:block;
	}
 
.title-section.style5 .title:after {
    width: 50px;
    height: 3px;
    content: ""; text-align: center;
    position: absolute;
    left: 42%;
    bottom: 0px;
    background-color: #F76B6A;
}
	 
.tp-banner-container{
	max-height: 280px !important;height: 280px !important;
	width: 100% !important;
	position: relative;
	overflow: hidden !important;
	padding: 0;
	background-color: #fff;
}
	.tparrows.preview4:after {
		background: transparent;
	}

	.tp-bullets.simplebullets .bullet,
	.tp-bullets.simplebullets .bullet:hover, 
	.tp-bullets.simplebullets .bullet.selected {
		width: 5px !important;
		height: 5px !important;
		border: 1px solid #fff !important;
	}

	.tp-bullets.preview4 .bullet.selected, 
	.tp-bullets.preview4 .bullet:hover {
		border: 1px solid #fff !important;
	}

	.flat-testimonial.owl-theme .owl-controls .owl-nav div {
		top: 0;		
	}

	.flat-divider.d50px,
	.flat-divider.d60px,
	.flat-divider.d85px {
		height: 40px;
	}

	.pad-top40px,
	.pad-top60px,
	.pad-top70px,
	.flat-row {
		padding-top: 30px;
	}

	.pad-bottom40px,
	.pad-bottom60px,
	.pad-bottom70px,
	.flat-row {
		padding-bottom: 30px;
	}

	.main-text {
		margin-bottom: 15px;
	}

	.flat-counter .counter {
		margin-bottom: 30px;
	}

	.item-four-column {
		width: 50%;
	}

	.item-three-column {
		width: 100%;
	}

	.flat-services .services-title .title {
		font-size: 24px;
	}

	.go-top {
		width: 30px;
		height: 30px;
		line-height: 30px;
		bottom: 115px;
	}

	.go-top.show {
		right: 15px;
	}

	.switcher-container h2 a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		right: -35px;
	}

	.switcher-container h2 i {
		font-size: 20px;
		margin-top: 8px;
	}
h1 { font-size: 38px;}
h2 { font-size: 34px;}
h3 { font-size: 30px; line-height:30px;}
h4 { font-size: 26px;}
h5 { font-size: 22px;}
h6 { font-size: 18px;}
.about-content .about-content-text img
{
    height:auto;
    margin-bottom: 20px; width:100%; display:block;
}
.sidebar-right .general-sidebar,
	.flat-general.sidebar-left .general {
		padding-left: 0;
	}
	.footer-content .copyright {
    color: rgba(255, 255, 255, 0.75);  
    text-align: left; 
    margin: 0px 0 55px 0;
}
.footer-content .copyright a{
    color: rgba(255, 255, 255, 0.75);  
    text-align: left; 
    margin: 15px 0 0px 0;
}
 

    .top {
	background-color: #222;
	color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    padding: 5px 0 0;
}
    .top .flat-address .custom-info{
		text-align: left;float:left;
	}
	.top .flat-address .social-links{
		display: inline; float:right;
	}
	.top .flat-address .social-links a,
	.top .flat-address .social-links a {
		display: inline-block;  margin-left: 10px;
	}
	 
	.top .flat-address .custom-info i {
		border: 1px solid rgba(255, 255, 255, 0.2);
		background: rgba(0, 0, 0, 0.1);
		margin-right: 10px;
    	margin-left: 0px; margin-bottom:10px;
	}
	.item-two-column{
		width: 100%;
	}
	.item-three-column{
		width: 100%;
	}
 
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#header .logo { text-align:center; float:none;
		width: 100%; height:auto;
	}
	.item-three-column{
		width: 100%;
	}
	
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.item-three-column,
	.item-two-column,
	.flat-portfolio.portfolio-masonry .portfolio .portfolio-item,
	.blog-post .entry-header .entry-time,
	.blog-shortcode .item-three-column,
	.flat-testimonial .testimonial .testimonial-image,
	.flat-testimonial .testimonial .testimonial-content,
	.item-four-column,
	.item-two-column,
	.history li,
	.flat-teammember .member .member-image,
	.flat-teammember .member .member-info,
	.awards-recognition-item .ar-img,
	.woocommerce .products li, .woocommerce-page .products li,
	.single-products .images,
	.single-products .summary,
	.woocommerce-reviews #review_form_wrapper,
	.woocommerce-reviews #comments {
		width: 100%;
	}
	.about-content .about-content-text img
{
    height:auto;
    margin-bottom: 20px; width:100%; display:block;
}
	.clients-image.style1 .clients-item{width: 110px; margin:5px; display:inline-block;}
	.header .header-wrap .logo 
	{
	   text-align:center; float:none;
		width: 100%; height:auto; position :relative;
	}
    #header .logo 
	{
	    text-align:center; float:none;
		width: 100%; height:auto;
	}
	.flat-header-information,
	.flat-header-information .header-information, .flat-header-information .header-information:last-child {
		float: left; text-align:left;
		margin-bottom: 10px; display:block;
	}
    .flat-general.sidebar-right .general {
    padding-left: 0px;
     }
.flat-general.sidebar-left .general {
    padding-right: 0px;
}
.tp-banner-container{
	max-height: 211px !important;height: 211px !important;
	width: 100% !important;
	position: relative;
	overflow: hidden !important;
	padding: 0;
	background-color: #fff;
}
	.blog .blog-post .entry-header .entry-time span.entry-day {
		font-size: 15px;
	}

	.blog-post .entry-header .entry-time {
		float: none;
	    display: inline-block;
	    border: none;
	    margin: 0 0 5px 0;
	    width: auto;
	    line-height: 1.4;
	    overflow: hidden;
	    padding: 10px 15px;
	    border: 1px solid;
	}

	.flat-title-button .title,
	.slotholder .tp-bgimg .title {
		font-size: 20px;
	}

	.flat-portfolio.portfolio-masonry .portfolio .portfolio-item .portfolio-wrap .portfolio-info .portfolio-title {
		font-size: 18px;
	}

	.flat-progress .name {
		font-size: 10px;
	}

	.flat-testimonial.owl-carousel .testimonial-content:after,
	.flat-testimonial.owl-carousel .testimonial-content:before,
	.about-slider .flex-next,
	.about-slider .flex-prev {
		display: none;
	}

	.flat-testimonial .testimonial .testimonial-image,
	.flat-testimonial .testimonial .testimonial-content,
	.history li,
	.history li:nth-child(2n),
	.flat-teammember .member .member-image,
	.flat-teammember .member .member-info,
	.flat-teammember .member .member-info .social-links a,
	.awards-recognition-item .ar-img,
	.blog-post .entry-header .entry-time,
	.woocommerce-ordering,
	.single-products .images,
	.single-products .summary,
	.woocommerce-reviews #comments ul.commentlist li img.avatar,
	.woocommerce-reviews #review_form_wrapper,
	.woocommerce-reviews #comments {
		float: none;
	}

	.blog .blog-post .entry-header .entry-time span {
		margin-right: 5px;
	}

	.blog .blog-post .entry-header .entry-time span,
	.blog .blog-post .entry-header .entry-time span.entry-year {
		float: left;
	}

	.flat-testimonial .testimonial .testimonial-image,
	.flat-list,
	.history li,
	.member-image,
	.awards-recognition-item .ar-img {
		margin-bottom: 20px;
	}

	.services-single-img .single-img,
	.slotholder .tp-bgimg .gr-button .button,
	.woocommerce-ordering,
	.single-products .images {
		margin-bottom: 15px;
	}

	.woocommerce-result-count {
		margin-bottom: 10px;
	}

	.content-bottom-widgets .widget .custom-info i,
	.woocommerce-reviews #comments ul.commentlist li .comment-text {
		margin-left: 0;
	}

	.awards-recognition-item .ar-img {
		margin-right: 0;
	}

	.history li,
	.history li:nth-child(2n) {
		padding: 0;
	}

	.slotholder .tp-bgimg {
		padding: 15px;
	}

	.history li,
	.history li:nth-child(2n) {
		text-align: inherit;
	}

	.flat-testimonial .testimonial .testimonial-image,
	.flat-teammember .member .member-image,
	.single-products .images,
	.woocommerce-reviews #comments {
		padding-right: 0;
	}

	.flat-testimonial .testimonial .testimonial-content,
	.flat-teammember .member .member-info,
	.single-products .summary,
	.woocommerce-reviews #review_form_wrapper {
		padding-left: 0;
	}

	.history {
		padding-left: 15px;
	}

	.pad165px {
		padding-top: 50px;
	}

	.pad165px {
		padding-bottom: 50px;
	}

	.history:before {
		left: 0;
	}

	.history li:before,
	.history li:nth-child(2n):before {
		left: -18px;
		right: auto;
	}

	.history li:after,
	.history li:nth-child(2n):after {
		left: -27px;
		right: auto;
	}

	.flat-teammember .member {
		text-align: center;
	}

	.blog-post .entry-header .entry-time {
		border-right: none;
	}

	.blog-post .entry-header .entry-time {
		border: 1px solid #F76B6A;
	}

	.woocommerce-reviews #comments ul.commentlist li .star-rating {
		top: -30px;
	}

	.top .top-navigator > ul > li > a {
		border-right: none;
	}

	.top .top-navigator > ul > li > a {
		padding: 0 5px;
	}
    
	.top .flat-address .custom-info{
		text-align: left;float:left;
	}
	.top .flat-address .social-links{
		display: inline-block; float:right;
	}
	.top .flat-address .social-links a,
	.top .flat-address .social-links a {
		display: inline-block;  margin-right: 10px;
	}
	.top .flat-address .social-links a:last-child {
		display: inline-block;  margin-right: 0px;
	}
	.top .flat-address .custom-info i {
		border: 1px solid rgba(255, 255, 255, 0.2);
		background: rgba(0, 0, 0, 0.1);
		margin-right: 10px;
    	margin-left: 0px; margin-bottom:10px;
	}
h1 { font-size: 38px;}
h2 { font-size: 34px;}
h3 { font-size: 30px; line-height:30px;}
h4 { font-size: 26px;}
h5 { font-size: 22px;}
h6 { font-size: 18px;}
.iconbox .box-header .box-title {
    margin: 45px 0 0 0;
    text-transform: none;
    font-weight: 600; font-size:24px;
    line-height: 1.1;
}
.tp-caption.desc-slide {
	font-size: 26px;
}
.tp-caption .title-slide,
.tp-caption.title-slide {
	font-family:'Teko',sans-serif;
	font-size: 42px;
	line-height: 45px;
	color: #000;
	margin-bottom: 15px;
	font-weight:600;
	text-transform:none;
	letter-spacing: normal;
}
.flat-button-slider 
        {
            font-size: 15px;
            padding-left: 35px;
        }
        .tp-caption.flat-button-slider {
         padding: 10px 20px;font-size: 15px;
        }
}

@media (max-width: 479px) {	
	.tp-caption.desc-slide {
	font-size: 26px;
}
#header .logo { 
	    text-align:center; float:none;
		width: 100%; height:auto;position:relative;
	}
	
/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	

}
