/* media query */
@media screen and (max-width: 1799px){
	.servicem-left-cont img
	{
		width:100%;
	}
	
}


@media screen and (min-width: 640px) and (max-width: 799px){

} /* only tab */
@media screen and (min-width: 1200px) and (max-width: 1599px){
	
}/* laptop */
@media screen and (min-width:1600px) and (max-width: 1799px){
	.pageBottomPadding, .pageBottomBigPadding {
		padding-bottom: 120px;
	}
	.pageTopPadding, .pageTopBigPadding {
		padding-top: 120px;
	}
	.work-content h3, .studio-bottom-cont h3
	{
		font-size:60px;
	}
	.hbx4-right-content h3, .servicerb-content h3
	{
		font-size:40px;
	}
	.service-right-cont, .serviceb-right-cont
	{
		right:0;
	}
	.serviceb-left-cont img
	{
		width:100%;
	}
	.serm-content p
	{
		font-size:26px;
	}
	
}
@media screen and (min-width:1140px) and (max-width: 1599px){
	
	.servicem-right-cont
	{
		padding-top:60px;
	}
	.serm-content p
	{
		font-size:22px;
	}
	.service-left-cont img, .serviceb-left-cont img
	{
		width:100%;
	}
	.servicer-padding, .servicerb-padding
	{
		padding:60px;
	}
	.service-right-cont,.serviceb-right-cont
	{
		right:0;
	}
	.footern-content h3 a
	{
		font-size:60px;
	}
	.pageBottomPadding, .pageBottomBigPadding {
		padding-bottom: 100px;
	}
	.pageTopPadding, .pageTopBigPadding {
		padding-top: 100px;
	}
	.work-content h3, .studio-bottom-cont h3, .servicerb-content h3
	{
		font-size:50px;
	}
	.hbx4-right-content h3
	{
		font-size:36px;
	}
	
}

@media screen and (max-width: 1299px){
	.servicer-padding, .servicerb-padding
	{
		padding:40px;
	}
	.header-cont {
		padding: 50px 0 28px;
	}
	.homes-content h3, .hbox3-top-cont h3, .servicerb-content h3
	{
		font-size:40px;
	}
	.vertical-line
	{
		margin-top:40px;
	}
	
} /* only mobiletab harr*/
@media screen and (max-width: 1139px){
	.contact-top-cont h3
	{
		font-size:40px;
	}
	.contact-top-cont a
	{
		font-size:20px;
		margin-bottom:40px;
	}
	.contact-bottom-cont h5
	{
		font-size:24px;
		margin-bottom:24px;
	}
	.servicerb-content h3{
		margin-bottom:24px;
	}
	.servicerb-content li{
		font-size:16px;
	}
	.service-mid-cont
	{
		max-width:100%;
	}
	.servicem-right-cont
	{
		padding-top:20px;
	}
	.serm-content p
	{
		font-size:20px;
	}
	.service-left-cont img, .serviceb-left-cont img
	{
		width:100%;
	}
	.service-right-cont, .serviceb-right-cont
	{
		right:0;
	}
	.service-left-cont, .service-right-cont, .serviceb-left-cont, .serviceb-right-cont
	{
		float:none;
		clear:both;
		width:auto;
		position:relative;
		left:0;
		top:0;
	}
	.srgrey-box
	{
		max-width:100%;
	}
	/* studio page */
	.studio-bottom-cont h3, .studio-bottom-cont p
	{
		margin-bottom:24px;
	}
	/* work page */
	
	.page-int-cont
	{
		padding-top:60px;
	}
	.pageint-content h2
	{
		font-size:30px;		
		margin-bottom:20px;
	}
	.page-id-17 .pageint-content h2, .pi-content p
	{
		margin-bottom:20px;
	}
	
	/* home page */
	.footer-right-cont
	{
		width: 67%;
	}
	.footer-left-cont
	{
		width: 30%;
	}
	.fbt-right-cont a
	{
		font-size:20px;
	}
	.fbt-right-cont p{
		font-size:16px;
	}
	.footern-content h3 a
	{
		font-size:40px;
	}
	.hbx4-right-content h3
	{
		font-size:28px;
	}
	.hbox3-bottom-cont
	{
		padding:20px 0;
	}
	.hb3-box1
	{
		display:none;
	}
	.hb3-box2, .hb3-box3
	{
		width:47%;
	}
	.hbox3-bottom-cont
	{
		max-width:100%;
	}
	.work-link
	{
		padding-bottom:0;
	}
	.hbox3-top-cont h3
	{
		font-size:30px;
	}
	.home-ver-text-cont {
		position: relative;    
		writing-mode:unset;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		left:0 !important;
    }
	.home-ver-text-cont h6
	{
		display:inline-block;
		margin-bottom:30px;
	}
	.home-ver-text-cont h6::after {
		content: '';
		width: 78px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 100%;
		margin-bottom: 22px;
		top: 11px;
	}
	.yellow-link
	{
		font-size:20px;
		height:40px;
		margin-top:20px;
	}
	.yellow-link::before
	{
		height:10px;
	}
	.work-content h3, .studio-bottom-cont h3
	{
		font-size:28px;
	}
	.homes-content h3 br
	{
		display:none;
	}
	.homes-content h3
	{
		font-size:32px;
		max-width:600px;
		width:100%;
	}
	.vertical-line
	{
		margin-top:20px;
	}
	.homes-content h2
	{
		margin-bottom:20px;
	}
	.hbox3-top-cont h3, .hbox3-top-cont p
	{
		margin-bottom:24px;
	}
	
	.stamp-cont
	{
		bottom:-50px;
	}
	.stamp-cont img
	{
		width:100px;
	}
	
	.pagePadding {
		padding: 0 40px;
	}
	.header-cont {
		padding: 40px 0 28px;
	}
	.logo-cont img
	{
		width:50px;
	}
	.header-hl-cont
	{
		width:60px;
	}
	.logo-cont
	{
		padding-bottom:12px;
	}
	.header-cont
	{
		position:relative;
	}
	ul.s-menu
	{
		padding:19px 0;
	}	
	ul.d-menu > li
	{
		padding:0 16px;
	}
	.desktop-menu
	{
		//display:none;
	}
	/* animation stop */
	.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown, .fadeIn,.fadeInRightShort, .fadeInLeftShort, .fadeInUpShort, .fadeInDownShort, .rollIn, .pulse
	{
		opacity:1 !important;
		-webkit-transform: translateX(0)  !important;
		transform: translateX(0)  !important;
		-webkit-transform: translateY(0)  !important;
		transform: translateY(0)  !important;
	}	
	.pageBottomPadding, .pageBottomBigPadding {
		padding-bottom: 60px;
	}
	.pageTopPadding, .pageTopBigPadding {
		padding-top: 60px;
	}
	.home-box1-content h3
	{
		font-size:30px;
	}
	.home-box1-content h3, .home-box1-content p
	{
		margin-bottom:24px;
	}
	.home-box1-content h3 br
	{
		display:none;
	}
} /* harr */

@media screen and (max-width: 799px){
	.serm-content p
	{
		font-size:18px;
	}
	.hbox4-left-cont, .hbox4-right-cont
	{
		display:inline-block;
		width:100%;
	}
	.hbox4-left-cont .topstrip-cont
	{
		display:none;
	}
	.hbox4-right-cont .bottomstrip-cont
	{
		display:none;
	}
	.hbx4-right-content
	{
		padding-top:60px;
	}

	.pagePadding {
		padding: 0 20px;
	}
	.header-cont {
		padding: 20px 0;
	}
	.header-right-cont, .header-line, .desktop-menu
	{
		display:none;
	}
	.logo-cont
	{
		padding:0;
	}
	
	/* mobile menu */
	#mobile-menu
	{
		display:block;
	}	
	.mob-menu-button
	{
		display: block;
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 0;
		
	}
	.mob-menu-button i
	{
		font-size: 22px;
		padding: 20px 16px;
		color: #fff;
		border-radius: 20px;
	}
	.mob-menu-button i:hover, .mob-menu-button.flag i
	{		
		color:#d1ab2a;
		transition: all ease-in-out 0.3s;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
	}
	.course-menu-cont, .menu-main-menu-container
	{
		display:block;
	}
	.mob-menu-cont
	{
		background: #d1ab2a none repeat scroll 0 0;
		border-radius: 0;
		display: none;
		margin-top: 14px;
		position: absolute;
		width: 277px;
		z-index: 99999;
		right: 1px;
		-webkit-box-shadow: 0px 10px 40px -5px rgba(46,53,96,1);
		-moz-box-shadow: 0px 10px 40px -5px rgba(46,53,96,1);
		box-shadow: 0px 10px 40px -5px rgba(46,53,96,1);
	}
	
	.mob-menu-cont:after
	{
		display: block;
		content: "";
		border-color: transparent transparent #d1ab2a transparent;
		border-style: solid;
		border-width: 8px;
		height: 0;
		width: 0;
		position: absolute;
		top: -16px;
		right: 16px;
	}
	#header-cont .flag
	{
		background: url("../images/cross-button.png") no-repeat center top 24px;
	}
	ul.m-menu
	{
	
	}
	ul.m-menu li
	{
		text-align:left;
	}
	ul.m-menu li a
	{
		font-family: 'CircularStdBook', Arial, sans-serif;
		color: #fff;
		font-size: 16px;
		line-height: 1.3;
		display: block;
		text-align: left;
		padding: 14px 20px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	ul.m-menu li.current-menu-item a, ul.m-menu li a:hover
	{
		color:#597266;
	}
	ul.m-menu li ul.sub-menu
	{
		//display:none;
	}
	ul.m-menu  li  ul.sub-menu  li  a
	{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: #2c2c2c;
		display: block;
		font-size: 13px;
		line-height: 1.5;
		padding: 12px 16px 12px 40px;
		text-align: left;
		text-decoration: none;
	}
	ul.m-menu > li > ul.sub-menu > li > ul.sub-menu > li > a
	{
		padding-left:70px;
	}
	ul.m-menu > li > ul.sub-menu li > ul.sub-menu > li > ul.sub-menu > li > a
	{
		padding-left:100px;
	}

	.home-work-img-cont
	{
		width:100%;
	}	
	.home-work-content-box
	{
		position:relative;
		width:100%;
		margin-top:20px;
	}
	.hw-right-cont
	{
		float:none;
		clear:both;
		width:100%;
	}
	.hwcontent-left
	{
		padding-left:0 !important;
	}
	.contact-left-main-cont, .contact-right-main-cont
	{
		float:none;
		clear:both;
		width:auto;
	}
	.contact-right-main-cont .hb4-box
	{
		padding:0 !important;
		margin-top:30px;
	}
}
@media screen and (max-width: 639px){
	.homes-content h3
	{
		font-size:21px;
	}
	.homes-content h2
	{
		margin-bottom:14px;
	}
	.home-box1-content h3, .hbox3-top-cont h3
	{
		font-size:23px;
	}
	.work-content h3, .studio-bottom-cont h3
	{
		font-size:23px;
	}
	.hb3-box2, .hb3-box3
	{
		float:none;
		clear:both;
		width:auto;		
	}
	.hb3ul li
	{
		font-size:16px;
	}
	.footern-content h3 a
	{
		font-size:30px;
	}
	.footern-content h3 a span
	{
		margin-left:10px;
	}
	.footer-left-cont, .footer-right-cont
	{
		float:none;
		clear:both;
		width:auto;
	}
	.fbt-right-cont p
	{
		margin:20px 0;
	}
	.frb-start-cont
	{
		float:none;
		clear:both;
		width:auto;
	}
	.fbb-left-cont h3
	{
		margin-top:40px;
	}
	.fbb-right-cont h5
	{
		margin-top:30px;
	}
	.pageint-content h2
	{
		font-size:25px;
	}
	.studio-top-cont img
	{
		float:none;
		clear:both;		
		width:100%;
	}
	.studioimg2, .studioimg3
	{
		margin-top:20px;
	}
	.servicem-left-cont, .servicem-right-cont
	{
		float:none;
		clear:both;
		width:auto;
	}
	ul.srul li
	{
		font-size:16px;
	}
	.servicer-padding, .servicerb-padding
	{
		padding:20px;
	}
	.servicerb-content h3
	{
		font-size:23px;
	}
	
}