@media (max-width: 1180px){
	.fix-width{
		width: 1020px;
	}
	
	.production-join a.nextpost {
	    font-size: 30px;	   
	    text-decoration: none;
	}
	.production-join a.nextpost .fa {
	    font-size: 40px;
	    line-height: 30px;	    
	}
	.blog-grid .two-col{
		width: auto;
		float: none;
	}
	.clients-list>span, .clients-list>a{
		margin: 15px;
	}
	.pricing-plans .item{
		margin: 10px;
		padding: 20px;
		-webkit-flex: 0 1 300px;
		flex: 0 1 300px;
	}
}
@media (max-width: 1040px){
	.fix-width{
		width: 960px;
	}
	.professional-tools{
		background-image: none; 
	}
	/* loadmore button */
	.mobile-loadmore{
		display: block;
		
		text-align: center;
		cursor: pointer;
	}
	
	.clients-feature .clients-list{
		padding: 10px 10px;
	}
	.hide-phone {
		display: none;
	}
}
@media (max-width: 1000px){
	.hide_on_respon {
		display: none;
	}
	.nav-menu .user-menu{
		display: block;
	}	
	.front-page .header  a.logo{
		display: none;
	}
	.nav-menu .user-menu a.popup{
		display: inline-block;
		margin-left: 15px;
	}	
	.light-logo.special-logo .left-side{
		border-right: 1px solid rgba(0, 0, 0, 0.3);
    	color: #009cdf;
	}
	.special-logo.light-logo .icon-site {
    	background-position: center top;
	}
	.special-logo.light-logo .right-side .sitename{
		color: #696969;
	}
	.transparent-bg.header .menu-responsive a{
		color: #000;
	}
	.transparent-bg.header .user-menu a.color-success{
		color: #fff;
	}
	.fix-width{
		width: 760px;
	}
	/* full responsive header */
	.menu-btn {
		display: inline-block;
		width: 40px;
		height: 40px;		
		float: right;
		right: 0px;
		top: 0px;
		position: relative;
		/*
		background-image: url("../images/menu-button.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80% auto;
		*/
	}
	.menu-btn.open{
		/*
		background-image: url("../images/menu-button-close.png");
		background-size: 60% auto;
		*/
		z-index: 3;		
	}
	.menu-btn span {
		position: absolute;
		height: 4px;width: 30px;
		background: #000;
		display: inline-block;
		left: 0px;top:50%;margin-top: -2px;
		border-radius: 4px;
	}
	.transparent-bg .menu-btn span{
		background: #fff;
	}
	.menu-btn span:BEFORE,
	.menu-btn span:after {
		position: absolute;
		height: 4px;width: 100%;background: inherit;
		display: inline-block;
		left: 0;
		top:50%;
		margin-top: -2px;
		content: "";		
		transition:0.5s all;
		-webkit-transition:0.5s all;
		border-radius: 4px;
		
	}
	.menu-btn span:BEFORE{
		transform:translateY(8px) rotate(0deg);
		-webkit-transform:translateY(8px) rotate(0deg);
	}
	.menu-btn span:after {		
		transform:translateY(-8px) rotate(0deg);
		-webkit-transform:translateY(-8px) rotate(0deg);
		
	}
	/* color transparent bg */
	
	.menu-btn.open span {background: none;}
	.menu-btn.open span:after,
	.menu-btn.open span:before{
		background: #bdbdbd;
	}
	.menu-btn.open span:after{
		transform:translateY(0px) rotate(45deg);
		-webkit-transform:translateY(0px) rotate(45deg);
	}
	.menu-btn.open span:BEFORE{
		transform:translateY(0px) rotate(-45deg);
		-webkit-transform:translateY(0px) rotate(-45deg);
	}
	.header .menu-responsive{
		padding-top: 2px;
	}
	.menu-responsive{
		position: relative;		
	}
	.menu-responsive .nav-menu{
		position: absolute;		
		white-space: nowrap;
		background: #fff;
		top:-10px;
		right:-15px;
		visibility: hidden;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
		min-width: 280px;
		padding: 25px 10px;
	}
	
	.menu-responsive .nav-menu.open{
		visibility: visible;
		opacity:1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.menu-responsive > div.nav-menu > ul > li{
		float: none;
	}
	.menu-responsive > div.nav-menu .sub-menu-area {
		position: static;
		background: none;
		padding:0;
		display: block;
	}	
	.menu-responsive > div.nav-menu .sub-menu-area ul{
		background: none;
		border:none;
	}
	.menu-responsive ul a[href='#']{ display: none }
	.sub-menu-area ul,.sub-menu-area li{
		padding: 0;
	}
	.menu-responsive > div.nav-menu .sub-menu-area ul:before{
		display: none;
		
	}
	.header .menu-responsive > div.nav-menu .sub-menu-area ul a{
		padding: 6px 15px;
		color: #000;
	}
	.menu-responsive .user-menu{
		margin-right: 10px;
		margin-top: 5px;
	}
	.banner_slider h2,
	.banner-home-2 h2{
		font-size: 34px;
		line-height: 1.3em;
	}
	.site-details{
		margin: 0 -15px;
	}
	.site-details .four-col{
		width: 50%;
		padding: 15px;
	}
	.footer-row{
		margin: 0 -15px;
	}
	.footer-row .item{
		width: 50%;
		padding: 15px;
	}
	.footer-row .item.widget_text,
	.footer-row .widget_og-recent-production,
	.footer-row .item.widget_og-subcribe-form {
		width: auto;
		float: none;
		clear: both;
	}	
	.testimonials-area .content p{
		font-size: 20px;
	}
	.testimonials-area .author{
		float: none;
		width: auto;
		margin: 30px auto 0;
	}
	.testimonials-area .author .avatar {
	    padding-right: 10px;
	    width: 130px;
	}
	.page-have-sidebar{
		padding-top: 15px;
	}
	.sidebar-left .wrap{
		padding-left: 15px;
	}
	.sidebar-left .sidebar{
		width: 235px;
		margin-left: -235px;
	}
	.sidebar-left{
		margin-left: 235px;
	}
	.blogs-page {
		padding: 15px;
	}
	.title-line{
		padding: 5px 0;
	}
	.blog-list .item .thumbnail{
		width: auto;
		float: none;
		margin-bottom: 15px;
	}
	.blog-list .item .content{
		margin: 0;
		padding: 0;
	}
	.my-account-info .sidebar{
		width: 235px;		
	}
	.my-account-info .wrap{
		margin-left: 235px;
		padding-left: 15px;
	}
	.account-update .form-row > label{
		width: 170px;
	}
	.sidebar-paid {
		width: auto;
		margin: 0;
		float: none;
	}
	.paid-member-page .wraps{
		float: none;
		padding: 0;
		margin-top: 15px;
	}
	.paid-member-page{
		margin-right: 0;
	}
	.register-product-wraps{
		margin-right: 0;
	}
	.register-product-wraps .wraps{
		float: none;
		padding-right: 0;
		
	}
	.register-product-wraps .register-product-sidebar{
		float: none;
		width: auto;
		margin: 30px 0 0;
	}
	.register-product-sidebar .register-options ul{
		display: none;
	}
	.clients-feature{
		display: none;
	}
	.pro_details .og_cell{
		display: block;
	}
	.pro_details .og_cell.align-right{
		text-align: left;
	}
	.pro_details .roles table{
		float: left;
		width: 100%;
	}
	.pro_details .roles table .role_name{
		width: 80px;
		text-align: left;
	}
	.what-is-area .what-is-content > .two-col{
		width: auto;
		float: none;	
	}
	.what-is-area .video_link {
	    margin-bottom: 0;
	    text-align: left;
	}
	.what-is-area h2{
		margin-top: 0;
	}
	.download-box{
		width: auto;
		float: none;
		max-width: none;
	}
	ul.production-list{
		float: none;
		width: auto;
	}
	.testimonials-grid .two-col{
		width: auto;
		float: none;
	}
}
@media (max-width: 960px){
	.pricing-plans .item{
		margin: 10px auto;
		display: block;
		width: 360px;
		flex: none;
		-webkit-flex: none;
		max-width: 100%;
	}
	.pricing-plans{
		display: block;
	}
}
@media (max-width: 790px){
	.fix-width{
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 767px){
	/* small device */
	.hide-small-device{
		display: none!important;
	}
	
	.special-logo {
		width: 8.6em;
	}
	.special-logo .left-side{
		border: none;
	}
	.special-logo .right-side{
		display: none;
	}
	.pricing-table{
		border: none;
	}
	
	.pricing-table .pricing-cell {
		border-right: 1px solid #e5e5e5;
    	border-top: 1px solid #e5e5e5;
    	float: none;
    	display: table;
    	width: 100%;
    	margin: 15px 0;
	}
	.pricing-table>.title{
		display: none;
	}	
	.pricing-table .item .icon{
		float: right;
	}
	.pricing-table .item .pricing-title{
		display: inline-block;
		float: left;
	}
	.pricing-cell ul li:after{
		content: '';
		clear: both;
		display: block;
	}
	.site-detail-area,
	.testimonials-area,
	.diffrents-area{
		padding: 40px 0;
	}
	.sidebar-left .sidebar{
		margin: 0;
		width: auto;
		float: none;
	}
	.sidebar-left{
		margin: 0;
	}
	.sidebar-left .wrap{
		padding-left: 0;
		float: none;
		
	}
	.sidebar-left .wrap + .sidebar{
		margin-top: 15px;
	}
	.my-account-info .sidebar{
		float: none;
		width: auto;
	}
	.my-account-info.member-cancel {
		flex-wrap: wrap;
	}
	.my-account-info .wrap,
	.my-account-info.member-cancel .wrap {
		margin: 0;
		padding: 0;
	}
	.productions-list .item{
		border-width: 5px 1px 1px 1px;
		border-left-color: #dddddd!important;
	}
	.fade-item .item:after{
		left:-1px;
	}
	.productions-list .item.in-production{
		border-top-color: #1acc7a;
	}
	.productions-list .item.in-pre-production{
		border-top-color: #f0d51e;
	}
	.productions-list .item.in-post-production{
		border-top-color: #ff864b;
	}
	.productions-list .item.completed{
		border-top-color: #cbcbcb;
	}
	.what_tabs_area{
		margin-right: 0;
		
	}
	.what_tabs_area .content{
		float: none;
		padding: 0;
	}
	.what_tabs_area .listing{
		margin: 0;
		float: none;
		margin: 0;
	}
	.what_is_tabs .tab_nav a{
		line-height: 0;
		padding: 5px 10px;
		vertical-align: top;
	}
	.what_is_tabs .tab_nav a img{
		display: block;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	.what_is_tabs{
		padding-top: 0;	
	}
	.what_is_tabs .tab_nav a .title_text{
		display: none;
	}
	.what_is_tabs .tab_nav{
		vertical-align: top;
	}
	.what_is_tabs .tab_nav li{
		width: 33.333%;
		
		
	}
	.what_is_tabs .tab-content{
		padding: 25px 15px;
	}
	.og-btn .big{
		font-size: 18px;
	}
	.single-wrap{
		padding: 15px;
	}
	.subcribeform{
		padding: 15px;
	}
	.production-join .og_cell{
		display: block;
	}
	.banner-2col{
		margin: 0;
	}
	.banner-2col .two-col{
		width: auto;
		float: none;
		padding-left: 0;
		padding-right: 0;
		text-align: center;		
	}
	.banner-2col .home_video_area{
		width: 100%;
	}
	.blog-grid .three-col{
		width: auto;
		float: none;
	}
	.popup-instant .instant_image{
		display: none;
	}
	.popup-instant .creat-account-group {
		margin: 0;
		padding: 0;
	}
	.faq-list .three-col{
		width: auto;
		padding: 15px 0;
		float: none;
	}
	.images-group .item .box-cover{
		padding-top: 100%;
	}
	.images-group .item {
		width: 50%;
	}
}
@media (max-width: 640px){
	.page-menu ul{
		display: block;
		text-align: left;
	}
	.page-menu ul li{
		float: none;
		margin: 0;
		display: block;
	}
	.banner_slider .item .banner_text{
		padding: 0;
	}
	.banner_slider h2, .banner-home-2 h2{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.banner-home-2 .home_video_area{
		margin-bottom: 15px;
	}
	.adv_production .item .head,
	.adv_production .item .locations {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
	}
	.adv_production .item .actions {
		flex: 0 0 100%;
		max-width: 100%;
		padding-top: 15px;
	}
	.adv_production .item .actions .wrap-email{
		margin-right: auto;
		margin-left: 15px;
	}
	.pro_details .item{
		flex-direction: column;
	}
	.pro_details .action .wrap_action {
		margin-left: 0;
	}
}
@media (max-width: 480px){
	.site-details .four-col{
		width: auto;
		float: none;
	}
	.account-update .form-row > label{
		display: block;
		width: 100%;
		text-align: left;
	}
	.account-update .form-row > .form-group{
		display: block;
		padding-left: 0;
	}
	.account-update{
		padding: 15px;
	}
	.archive-product-list .production-tool{
		border-width: 5px 1px 1px 1px;
		border-color:  #328cbf #dddddd #dddddd #dddddd;
	}
	.production-tool .tool-details{
		float: none;
		text-align: center;
	}
	.production-tool .tool-action {
		float: none;
		text-align: center;
		margin-top: 10px;
	}	
	.production-tool .tool-action > ul > li{
		padding: 0 15px;
		width: 50%;
		
	}
	.production-tool .tool-action > ul > li:first-child{
		padding-left: 15px;
	}
	.production-tool .tool-action > ul > li:last-child{
		width: 100%;
		border-left: none;
		
	}
	.production-tool .tool-action > ul > li .production-count{
		border-left: 0;
		border-top: 1px solid #000;
	}
	.form-inline .two-col{
		float: none;
		width: auto;
	}
	.form-inline > .two-col:nth-child(2n+1){
		padding-right: 0; 
	}
	.form-inline > .two-col:nth-child(2n){
		padding-left: 0; 
	}
	.banner-2col .arrow-icon {
		
		margin: auto auto 15px;
		width: 50px;
		height: 50px;
		background-image: url("../images/arrow-down.png");
	}
	.banner-2col .two-col{
		padding: 0;
	}
	.testimonials_slide_area{
		padding: 0;
	}
	.testimonials-area .content p {
		font-size: 16px;
	}
	.creat-account-group .form-row > .two-col{
		width: auto;
		float: none;
	}
	.testimonials-grid .author{
		width: 65px;
	}
}
@media (max-width: 414px){
	/* 6+ */
	.single-content blockquote{
		float: none;
		margin: 10px 0;
		border: 2px solid #cbcbcb;
		padding: 10px;
		width: auto;
	}
	.lostpassword_form input{
		width: 100%;
	}
	.lostpassword_form label{
		margin-bottom: 10px;
		display: block;
	}
	.header-list .color_status{
		float: none;
		padding-left: 0;
		clear: both;
		
	}
}
@media (max-width: 360px){
	.footer-row .item{
		width: auto;
		float: none;
	}
	
}