@media (max-width: 480px){
	body{
		-webkit-background-size	: auto auto;
		-moz-background-size	: auto auto;
		-o-background-size		: auto auto;
		background-size			: auto auto;
	}
	h1.align-justify,.h1.align-justify,
	h2.align-justify,.h2.align-justify,
	h3.align-justify,.h3.align-justify,
	h4.align-justify,.h4.align-justify,
	h5.align-justify,.h5.align-justify{
		text-align				: center;
	}
	h1, .h1{
		margin-bottom			: 20px;
	}
	.btn{
		width					: 100%;
		display					: block;
	}
	.space{
		padding-top				: 10px;
		padding-bottom			: 10px;
	}
	.pull-left,
	.pull-right{
		float					: none !important;
	}
	.offset-top{
		margin-top				: -20px;
	}
	.offset-left{
		margin-left				: -20px;
	}
	.offset-right{
		margin-right			: -20px;
	}
	.offset-bottom{
		margin-bottom			: -20px;
	}
	.offset-h{
		margin-left				: -20px;
		margin-right			: -20px;
	}
	.offset-v{
		margin-top				: -20px;
		margin-bottom			: -20px;
	}
	.offset-all{
		margin-top				: -20px;
		margin-bottom			: -20px;
		margin-left				: -20px;
		margin-right			: -20px;
	}
	.offset-all-top{
		margin-top				: -20px;
		margin-left				: -20px;
		margin-right			: -20px;
		margin-bottom			: 20px;
	}
	.offset-all-bottom{
		margin-bottom			: -20px;
		margin-left				: -20px;
		margin-right			: -20px;
	}
	.row div[class*="col-"]{
		margin-bottom			: 20px;
	}
	.row div[class*="col-"]:last-child{
		margin-bottom			: 0;
	}
	.nav-pager,
	.social-icons,
	.post-action{
		display					: inline-block;
	}
	h1:after, 
	.text-border:after,
	.blog-sidebar .blog-categories ul li a:after, 
	.blog-sidebar .blog-archive ul li a:after{
		left					: 50%;
		margin-left				: -15px;
	}
	.galleria-theme-classic .galleria-counter{
		right					: 20px;
	}
	.galleria-theme-classic .galleria-info{
		display					: block;
		left					: 20px;
		right					: 20px;
		text-align				: center;	
	}
	.galleria-theme-classic .galleria-image-nav{
		width					: 100%;
		left					: 0;
		right					: 0;
	}
	.galleria-theme-classic .galleria-image-nav-left{
		left					: 0 !important;
	}
	.galleria-theme-classic .galleria-thumb-nav-left, 
	.galleria-theme-classic .galleria-thumb-nav-right{
		display					: none !important;
	}
	.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list{
		margin-left				: 0;
		margin-right			: 0;
	}
	.galleria-theme-classic .galleria-thumbnails-container{
		display					: none;
	}
	.grid-list .grid,
	.grid-list .grid.with-icon,
	.grid-list .grid.with-icon:first-child{
		text-align				: center;
		padding					: 20px 0;
	}
	.grid-list .grid.with-icon .fa,
	.grid-list .grid.with-icon:first-child .fa{
		position				: inherit;
		top						: inherit;
		left					: inherit !important;
		margin-bottom			: 20px;
	}
	.over-image .over-content{
		position				: inherit;
		background-color		: rgba(222, 122, 0, 0.6);
		padding					: 20px;
	}
	.over-image .over-content .post-action{
		position				: inherit;
		left					: 0;
		bottom					: 0;
		display					: inline-block;
		margin-top				: 20px;
	}
	.social-flat li,
	.team-list.type-two .team-member .member-social .social-flat li{
		width					: 50%;
		margin-right			: 0;
		padding-right			: 1px;
		padding-bottom			: 1px;
	}
	.social-flat li a,
	.team-list.type-two .team-member .member-social .social-flat li a{
		text-align				: left;
		white-space				: nowrap;
		text-overflow			: ellipsis;
		overflow				: hidden;
	}
	.team-list .team-member{
		margin-bottom			: 20px;
	}
	.team-list.type-two .team-member{
		padding					: 20px;
	}
	.team-list .team-member .member-social.align-right{
		text-align				: center;
	}
	.work-list.type-one .row{
		margin-bottom			: 20px;
	}
	.work-list.type-one .over-image .over-content{
		padding					: 20px;
	}
	.work-list.type-one .over-image .over-content .btn{
		position				: inherit;
		right					: inherit;
		bottom					: inherit;
		margin-top				: 10px;
	}
	.work-list.type-one .work-info{
		padding					: 20px;
	}
	.work-list.type-two .item{
		margin-bottom			: 20px;
	}
	.work-list .over-image .over-content .align-hvcenter{
		padding					: 10px 0;
	}
	.work-list.type-two .item .over-image .over-content{
		position				: absolute;
		background-color		: rgba(0,0,0,0.5);
	}
	.work-list.type-two .item .over-image .over-content .align-hvcenter h4{
		font-size				: 1em;
	}
	.work-list.type-three .over-image .over-content{
		position				: absolute;
		background-color		: rgba(0,0,0,0.5);
	}
	.work-list.type-four .over-image .over-content{
		position				: absolute;
	}
	.work-header{
		padding					: 20px;
	}
	.work-header .work-info{
		display					: inline-block;
		text-align				: left;
	}
	.work-header.type-two{
		padding-top				: 62px;
	}
	.work-header.type-two .work-nav{
		width					: 100%;
		left					: 0;
		right					: inherit;
		margin-bottom			: 20px;
		border-bottom			: 1px solid #4d4d4d;
	}
	.work-header.type-two .work-nav ul:before,
	.work-header.type-two .work-nav ul:after{
		display					: table;
		content					: "";
	}
	.work-header.type-two .work-nav ul:after{
		clear					: both;
	}
	.work-header.type-two .work-nav ul li{
		width					: 33.33333333333333%;
		border-left				: 0;
		border-right			: 1px solid #3a3a3a;
		border-bottom			: 1px solid #3a3a3a;
		float					: left;
	}
	.work-header.type-two .work-nav ul li:last-child{
		border-right			: 0;
	}
	.blog-sidebar{
		padding					: 20px;
	}
	.blog-list.type-two .blog-post{
		margin-bottom			: 20px;
	}
	.blog-list.type-two .blog-post:last-child{
		margin-bottom			: 0 !important;
	}
	section .section-page{
		text-align				: center;
	}
	section .section-page,
	section .section-page.flat{
		margin					: 0;
		padding					: 20px;
	}
	section .section-page.blank{
		padding					: 20px;
	}
	section#about.type-two .testimonial-wrapper .owl-controls{
		text-align				: center;
	}
	section#blog-post .post-comments{
		padding					: 20px;
		margin-left				: -20px;
		margin-right			: -20px;
		margin-bottom			: -20px;
	}
	section#blog-post .post-comments .comment-list .comment{
		padding					: 0;
	}
	section#blog-post .post-comments .comment-list .comment .comment-avatar{
		position				: inherit;
		display					: inline-block;
		margin-bottom			: 20px;
	}
	section#blog-post .post-comments .comment-list .comment .comment-info:before{
		top						: -10px;
		left					: 50%;
		margin-left				: -10px;
		border-top				: 0;
		border-left				: 10px solid transparent;
		border-right			: 10px solid transparent;
		border-bottom			: 10px solid #fff;
	}
	section#blog-post.type-two .section-page{
		padding					: 20px;
		background-color		: #fff;
	}
	section#blog-post.type-two .section-page .blog-left{
		border-right			: 0;
		padding					: 0;
	}
	section#blog-post.type-two .section-page .post-media{
		margin-top				: -20px;
		margin-left				: -20px;
		margin-right			: -20px;
		margin-bottom			: 20px;
	}
	section#blog-post.type-two .section-page .post-media .over-image .over-content .post-action{
		left					: 0;
		bottom					: 0;
	}
	section#blog-post.type-two .section-page .post-comments{
		padding					: 20px;
		margin-left				: -20px;
		margin-right			: -20px;
		margin-bottom			: 0;
	}
	section#blog-post.type-two .section-page .blog-sidebar{
		margin-left				: -20px;
		margin-right			: -20px;
		margin-bottom			: -20px;
		background-color		: #f2f2f2;
	}
	section#contact.type-one .contact-map{
		margin-bottom			: 20px;
	}
}

/*  02 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
	
}

/*  03 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
	.over-zoom:hover > img{
		-webkit-transform		: none;
		-moz-transform			: none;
		-ms-transform			: none;
		-o-transform			: none;
		 transform				: none;
	}
	.social-flat li{
		float					: left;
		margin-bottom			: 0;
	}
	.social-flat.space{
		padding-bottom			: 0;
	}
	.data-form .row{
		margin-bottom			: 0;
	}
	.data-form .row div[class*="col-"],
	.data-form .row div[class*="col-"]:last-child{
		margin-bottom			: 20px;
	}
	.contact-form .data-form .row:last-child div[class*="col-"]{
		margin-bottom			: 0;
	}
	.comment-form .data-form .row .col-md-4,
	.comment-form .data-form .row:last-child .col-md-12{
		margin-bottom			: 0;
	}
	.comment-form .data-form .row .col-md-4 .col-md-12{
		margin-bottom			: 20px;
	}
	.grid-sizer{
		display					: none;
	}
	.grid-list .row{
		margin-left				: 0;
		margin-right			: 0;
	}
	.grid-list .grid{
		border-right			: 0;
	}
	.grid-list .row:last-child .grid{
		border-bottom			: 1px solid #e9e9e9;
	}
	.grid-list .row:last-child .grid:last-child{
		border-bottom			: 0;
	}
	.blog-list .blog-post{
		padding					: 20px;
	}
	.blog-list .blog-post .post-media{
		margin-bottom			: 20px;
	}
	.blog-list.type-one div[class*="col-"]{
		padding-bottom			: 0;
	}
	.blog-list.type-one .blog-post:hover{
		transform				: scale(1);
		-webkit-transform		: scale(1);
		-moz-transform			: scale(1);
		-o-transform			: scale(1);
		-ms-transform			: scale(1);
	}
	.team-list .team-member .member-social{
		margin-bottom			: 0;
	}
	.work-list.type-one .row div[class*="col-"]{
		margin-bottom			: 0;
	}
	.work-list.type-two .item .over-image{
		max-height				: 100%;
	}
	.work-list.type-three .row div[class*="col-"]{
		margin-bottom			: 0;
	}
	.work-list.type-four.row{
		margin-left				: 0;
		margin-right			: 0;
	}
	.work-list.type-four.row div[class*="col-"]{
		padding					: 0;
	}
	.work-gallery.type-one.row{
		margin-left				: 0;
		margin-right			: 0;
	}
	.work-gallery.type-one.row div[class*="col-"]{
		padding					: 0;
	}
	.work-gallery.type-two.row div[class*="col-"]{
		margin-bottom			: 0;
	}
	.work-gallery.type-two .over-image{
		height					: inherit;
	}
	section#blog-post.type-two .section-page > .row > div[class*="col-"]{
		margin-bottom			: 0;
	}
	section#blog-post.type-two .section-page .blog-sidebar{
		left					: 0;
		border-left				: 0;
		border-top				: 1px solid #e1e1e1;
	}
	section#team-detail.type-one .offset-left{
		margin-left				: 0;
	}
	section#team-detail.type-two .row div[class*="col-"]{
		margin-bottom			: 0;
	}
	section#team-detail.type-two .member-head{
		max-height				: inherit;
	}
	section#team-detail.type-two .member-head .over-content{
		position				: relative;
	}
}

@media (max-width: 991px) and (min-width : 480px){
	.row div[class*="col-"]{
		margin-bottom			: 40px;
	}
	.row div[class*="col-"]:last-child{
		margin-bottom			: 0;
	}
	.blog-list.type-two .blog-post{
		margin-bottom			: 40px;
	}
	.grid-list .row div[class*="col-"]{
		margin-bottom			: 0;
	}
	.grid-list .grid.with-icon,
	.grid-list .grid.with-icon:first-child{
		padding-left			: 60px;
	}
	.grid-list .grid.with-icon .fa{ 
		left					: 15px;
	}
	.team-list .team-member .member-social{
		text-align				: left;
	}
	.social-flat li{
		margin-right			: 1px;
	}
	.work-list.type-two .item{
		margin-bottom			: 40px;
	}
}

/*  04 -  Max 1024px
-----------------------------------------------------------*/
@media (max-width: 1024px){
	
}

/*  05 -  Max 1199px
-----------------------------------------------------------*/
@media (max-width: 1199px){
	.sidebar-on{
		height					: 100%;
		overflow				: hidden;
	}
	.sidebar-on .site-header{
		overflow				: hidden;
	}
	.sidebar-on .site-header .header-wrap{
		width					: 240px;
		height					: 100%;
		padding-right			: 40px;
		overflow				: auto;
	}
	.sidebar-on .site-header .header-wrap .header-top,
	.sidebar-on .site-header .header-wrap .header-bottom{
		width					: 200px;
	}
	.sidebar-on .site-header .header-wrap .header-bottom{
		margin-top				: 40px;
		position				: inherit;
		left					: inherit;
		bottom					: inherit;
	}
	.site-toggle{
		display					: block;
		width					: 40px;
		height					: 40px;
		line-height				: 40px;
		color					: #fff;
		text-align				: center;
		cursor					: pointer;
		background-color		: #484848;
		position				: fixed;
		top						: 40px;
		left					: 0;
		z-index					: 1000;
	}
	.site-toggle:hover{
		background-color		: #3d3d3d;
	}
	.site-header{
		display					: none;
		width					: 200px;
		height					: 100%;
		font-family				: 'Open Sans', sans-serif;
		font-size				: 12px;
		font-weight				: 500;
		background-color		: #484848;
		position				: fixed;
		top						: 0;
		left					: -200px;
		z-index					: 999;
	}
    .site-right-header{
		display					: inherit;
		width					: 270px;
		height					: 90px;
		font-family				: 'Open Sans', sans-serif;
		font-size				: 12px;
		font-weight				: 700;
		color                   : #fff;
        border-radius           : 10px;
        background              : red;
		position				: fixed;
		bottom					: 40px;
		right					: 20px;
		z-index					: 999;
	}
    .site-right-top-header{
		display					: inherit;
		width					: 270px;
		height					: 90px;
		font-family				: 'Open Sans', sans-serif;
		font-size				: 12px;
		font-weight				: 700;
		color                   : #fff;
        border-radius           : 10px;
        background              : red;
		position				: fixed;
		bottom					: 10px;
		right					: 20px;
		z-index					: 999;
	}
    .site-right-gallery-header{
		display					: inherit;
		width					: 270px;
		height					: 90px;
		font-family				: 'Open Sans', sans-serif;
		font-size				: 12px;
		font-weight				: 700;
		color                   : #fff;
        border-radius           : 10px;
        background              : red;
		position				: fixed;
		bottom					: 10px;
		right					: 20px;
		z-index					: 999;
	}
    .textPhone{
        font-size: 15px;
    }
    .site-right-top-header .header-right{
		padding					: 10px;
		color					: #fff;
		position				: absolute;
		right					: 0;
		bottom					: 0;
	}
    .site-right-gallery-header .header-right{
		padding					: 10px;
		color					: #fff;
		position				: absolute;
		right					: 0;
		bottom					: 0;
	}
	.site-header .header-top .header-logo img{
		width					: 200px;
	}
	.site-header .header-top .header-menu{
		padding					: 20px 0;
		border-top				: 1px solid #3d3d3d;
		border-bottom			: 1px solid #3d3d3d;
	}
	.site-header .header-top .header-menu ul li a{
		display					: block;
		height					: 40px;
		line-height				: 40px;
		white-space				: nowrap;
		text-overflow			: ellipsis;
		overflow				: hidden;
		padding					: 0 15px;
		color					: #fff;
	}
	.site-header .header-top .header-menu > ul > li > a:hover,
	.site-header .header-top .header-menu > ul > li.active > a{
		color					: #f58700;
		background-color		: #3d3d3d;
	}
	.site-header .header-top .header-menu ul li.sub > ul{
		display					: none;
		background-color		: #3d3d3d;
	}
	.site-header .header-top .header-menu ul li.sub > ul > li > a:hover{
		background-color		: #373737;
	}
	.site-header .header-bottom{
		padding					: 15px;
		color					: #fff;
		position				: absolute;
		left					: 0;
		bottom					: 0;
	}
	.site-header .header-bottom p{
		margin					: 0;
	}
	.site-header .header-bottom .social-icons{
		margin-bottom			: 20px;
	}
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
	.site-right-gallery-header{
        width: 265px;
        height: 100px;
        padding-top: 40px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        position: fixed;
        bottom: 0;
        right: 20px;
        z-index: 999;
    }
    .site-right-gallery-header .header-right{
        width: 100%;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 115px;
        color: #fff;
        border-radius: 10px;
        background: red;
    }
    .textPhone{
        font-size: 15px;
    }
}

/*  07 -  Min 992px
-----------------------------------------------------------*/
@media (min-width: 992px){
    .site-right-gallery-header{
        width: 265px;
        height: 100px;
        padding-top: 40px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        position: fixed;
        bottom: 0;
        right: 20px;
        z-index: 999;
    }
    .site-right-gallery-header .header-right{
        width: 100%;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 115px;
        color: #fff;
        border-radius: 10px;
        background: red;
    }
    .textPhone{
        font-size: 15px;
    }
}

/*  08 -  Min 1200px
-----------------------------------------------------------*/
@media (min-width: 1200px){
	.site-toggle{
		display					: none;
	}
	.site-header{
		width					: 340px;
		height					: 100%;
		padding-top				: 40px;
		font-family				: 'Open Sans', sans-serif;
		font-size				: 10px;
		font-weight				: 500;
		position				: fixed;
		top						: 0;
		left					: 0;
		z-index					: 999;
	}
    .site-right-header{
        width: 265px;
        height: 100%;
        padding-top: 40px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        position: fixed;
        top: 0;
        right: 20px;
        z-index: 999;
    }
    .site-right-top-header{
        width: 265px;
        height: 100%;
        padding-top: 40px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        position: fixed;
        top: 0;
        right: 20px;
        z-index: 999;
    }
    .site-right-gallery-header{
        width: 265px;
        height: 100%;
        padding-top: 40px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 700;
        position: fixed;
        top: 0;
        right: 20px;
        z-index: 999;
    }
    .site-right-header .header-right{
        width: 100%;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 40px;
        color: #fff;
        border-radius: 10px;
        background: red;
    }
    .site-right-top-header .header-right{
        width: 100%;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 60px;
        color: #fff;
        border-radius: 10px;
        background: red;
    }
    .site-right-gallery-header .header-right{
        width: 100%;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 115px;
        color: #fff;
        border-radius: 10px;
        background: red;
    }
    .textPhone{
        font-size: 15px;
    }
	.site-header .header-top .header-logo{
		width					: 320px;
		height					: 67px;
		margin-left             : 10px;  
	}
	.site-header .header-top .header-menu{
		width					: 210px;
		float					: left;
		position				: relative;
        margin-left             : 10px;
        margin-top              : 5px; 
	}
	.site-header .header-top .header-menu > ul > li{
		float					: left;
		position				: relative;
	}
	.site-header .header-top .header-menu > ul > li > a{
		display					: block;
		width					: 80px;
		height					: 80px;
		line-height				: 80px;
		text-align				: center;
		white-space				: nowrap;
		text-overflow			: ellipsis;
		overflow				: hidden;
		margin-right			: 3px;
		margin-bottom			: 3px;
		-webkit-transition		: none;
		-moz-transition			: none;
		-ms-transition			: none;
		-o-transition			: none;
		transition				: none;
		background				: rgba(51, 51, 51, 0.7); 
        color                   :#fff;
        font-weight             : bold;
		filter					: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=1 );
	}
	.site-header .header-top .header-menu > ul > li.active > a{
		filter					: none;
		color					: #f58700;
		background				: rgba(51, 51, 51, 0.9); 
        
	}
	.site-header .header-top .header-menu > ul > li:nth-child(odd) > ul{
		left					: 0;
		text-align				: left;
	}
	.site-header .header-top .header-menu > ul > li:nth-child(even) > ul{
		right					: 3px;
		text-align				: right;
	}
	.site-header .header-top .header-menu > ul > li > ul{
		display					: none;
		width					: 163px;
		position				: absolute;
		top						: 80px;
		z-index					: 999;
		background-color		: #3d3d3d;
	}
	.site-header .header-top .header-menu > ul > li > ul > li > a{
		display					: block;
		height					: 40px;
		line-height				: 40px;
		padding					: 0 15px;
		white-space				: nowrap;
		text-overflow			: ellipsis;
		overflow				: hidden;
		color					: #fff;
	}
	.site-header .header-top .header-menu > ul > li > ul > li > a:hover{
		color					: #f58700;
		background-color		: #2f2f2f;
	}
	.site-header .header-bottom{
		width					: 100%;
		padding					: 40px;
		position				: absolute;
		left					: 0;
		bottom					: 0;
		color					: #fff;
	}
	.site-header .header-bottom p{
		margin					: 0;
	}
	.site-header .header-bottom .social-icons{
		margin-bottom			: 20px;
        margin-top              : 10px; 
	}
	section .section-page{
		margin-left				: 340px;
	}
	section .section-page.blank{
		margin-right			: 130px;
	}
	section .section-page.blank h1{
		margin-bottom			: 0;
		position				: fixed;
		top						: 40px;
		right					: 40px;
		transform				: rotate(90deg) translate(100%, 0);
		-webkit-transform		: rotate(90deg) translate(100%, 0);
		-moz-transform			: rotate(90deg) translate(100%, 0);
		-o-transform			: rotate(90deg) translate(100%, 0);
		-ms-transform			: rotate(90deg) translate(100%, 0);
		-webkit-transform-origin: top right;
		-moz-transform-origin	: top right;
		-ms-transform-origin	: top right;
		-o-transform-origin		: top right;
	}
}