@media (max-width:1800px){
	.headerbold{margin:0 40px!important}
}
@media (max-width:1600px){
	.twoBox li .info,.twoTxt li .info {padding:20px 40px}
	.twoBox li .info p,.twoBox li .info .buttonM,.twoTxt li .info p,.twoTxt li .info .buttonM{padding:0 0 20px 0;line-height:1.8}
	.twoBox li .info h6,.twoTxt li .info h6{padding:0 0 5px 0}
}
@media (max-width:1440px){
	.galleryBox li .infoHover h4{font-size:28px;margin:5px 0}
	.galleryBox li .infoHover h5{padding:5px 0;margin:5px 0;font-size:16px}
	.galleryBox li .infoHover h6{margin:5px 0;font-size:18px}
}
@media (min-width:1400px){
	.container{width:1440px}
}
@media (max-width:1400px){
	.container{width:1440px}
	.footerList li{width:16.666%}
	.footerList li:nth-last-child(2){border-right:solid #000 4px}
	.footerList li:last-child{width:100%;border-top:none}
	.contentF{margin:100px 40px 0 40px}
	.galleryBox li .infoHover{padding:20px}
	.twoBox li .info,.twoTxt li .info{padding:20px 20px}
	.twoBox li .info p,.twoBox li .info .buttonM,.twoTxt li .info p,.twoTxt li .info .buttonM{padding:0 0 15px 0;line-height:1.6}
	.contentListB{margin:0px 40px 70px 0}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:500px;}
	.mainContent .awardimg img{height:600px;}
	.awardListImg{margin:0 0 30px 0;}
	.slickCarousel .slick-dots{bottom:20px}
}
@media (max-width:1200px){
	.galleryBox li{width:50%}
	.fourPic li img{height:200px}
	.threeBox li img,.behanceList li img{height:250px}
	.fourBox li img{height:200px}
	.twoTxt{display: block;}
	.twoBox li .info,.twoTxt li .info{padding:20px 20px}
	.twoBox.twoBoxTxt li:first-child .info,.twoTxt li:first-child .info{padding:20px 20px 0 20px;}
	.twoBox.twoBoxTxt li,.twoTxt li{min-height:auto;}
	.twoBox li img{height:auto!important;width:100%}
	.twoBox li,.twoTxt li{float:none;width:100%!important}
	.twoBox li:nth-child(2){height:auto!important}
	.twoBox li .info,.twoTxt li .info{height:auto!important}
	.twoBox li .info h6,.twoTxt li .info h6{font-size:27px;padding:0 0 20px 0}
	.twoBox li .info p,.twoBox li .info .buttonM,.twoTxt li .info p,.twoTxt li .info .buttonM{font-size:16px;line-height:2}
	.twoBox li .info .buttonM,.twoTxt li .info .buttonM{padding:0 0 40px 0}
	.twoBox li:nth-child(1),.twoTxt li:nth-child(1){width:100%!important;margin:0 0 5px 0;height:auto!important}
	.twoBox li:nth-child(2),.twoTxt li:nth-child(2){width:100%!important;margin:0px;height:auto!important}
	.mainContent .left,.mainContent .right{width:calc(50% - 2%)}
	.contentList{margin:0 40px 0 0}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:450px;}
	.awardBox .awardDetail{padding:5% 5% 5% 15%;}
	.workMark{margin:100px 0 40px 0;}
	.workMark .workBox .workBoxA{width:130px}
	.workMark .workBox .workBoxB{width:calc(100% - 130px);float:right;padding:0 0 0 15px}
	.workMark .workBox .workBoxC{width:calc(100% - 130px);float:right;padding:20px 0 0 15px;}
	.mainContent .aboutimg img{height:400px;}
	.mainContent .serivceimg img{height:700px;}
}
@media (max-width:1024px){
	.galleryBox li .infoHover{padding:10px 20px}
	.galleryBox li .infoHover h6{font-size:1.1em;line-height:1.4em}
	.galleryBox li .infoHover h5{font-size:1.1em;line-height:1.4em;padding:10px 0}
	.threeBox li img,.behanceList li img{height:200px}
	.fourBox li img{height:150px}
	.mainContent .left,.mainContent .right{width:calc(50% - 2%)}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:370px;}
	.slickCarousel .slick-dots{bottom:15px}
	.awardBox .awardDetail{padding:5% 5% 5% 10%;}
	.nav-tabs{width:100%;}
	.mainContent .leftTab{width:100%;float:none;}
	.mainContent .rightImg{width:100%;float:left;margin:-5px 0 0 0;}
	.mainContent .aboutimg img,.mainContent .awardimg img{height:450px;}
	.mainContent .serivceimg img{height:650px;}
	.tab-content{margin:-40px 0 0 0;}
	.mainContent .left h6, .mainContent .leftTab h6{margin:60px 0 20px 0;}
}
@media (max-width:1000px){
	.mainContent .left{width:calc(70% - 2%)}
	.mainContent .right{width:calc(30% - 2%)}
	.awardBox .awardDetail{padding:5% 5% 5% 5%;}
	.workMark .workBox{width:100%;}
	.workMark .workLeft{padding:0px;}
	.workMark  .workRight{padding:40px 0 0px 0px;}
	.workMark{margin:80px 0 0px 0;}
}
@media (max-width:768px){
	.mainContent .aboutimg img,.mainContent .awardimg img{height:350px;}
	.mainContent .serivceimg img{height:450px;}
}
@media (max-width:767px){
	.galleryBox li .infoHover h6{font-size:0.9em;line-height:1.3em}
	.galleryBox li .infoHover h5{font-size:0.9em;line-height:1.3em}
	.galleryBox li .infoHover h4{font-size:1.2em;line-height:1em}
	.threeBox li img,.behanceList li img{height:150px}
	.fourBox li img{height:100px}
	.mainContent .left{width:100%;float:none;padding:0 0 20px 0}
	.mainContent .right{width:100%;float:none}
	.header .logo{margin-top:5px;width:250px}
	.aboutHeader{margin:85px 0 0 0;}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:300px;}
	.slickCarousel .slick-dots{bottom:10px}
	.award li img{max-width:60px;}
}
@media (max-width:767px) and (orientation:landscape){
	.home-bg .info .txt h4{font-size:34px;margin-top:-5px}
	.home-bg .info .txt h5{font-size:18px}
}
@media (max-width:640px){
	.headerbold{margin:0 20px!important}
	.home-bg .info .txt h4{font-size:50px;margin-top:-8px}
	.home-bg .info .txt h5{font-size:18px}
	.homesearch{width:90%;margin-left:-45%}
	.mainContent{margin:0px 20px 60px 20px}
	.mainContent.spMainContent{margin:-80px 20px  20px  20px;}
	.grayColour{padding:0 0 40px 0;}
	.header{padding:10px 20px}
	footer{padding:0 20px}
	.header .actions a.icon-menu{background:url(../img/menu.png) no-repeat right 10px;background-size:70%}
	.galleryBox li:nth-child(6){position:static;height:auto!important}
	.galleryBox li:nth-child(6) .infoHover{height:auto!important;position:absolute;}
	.galleryBox li .infoHover h4{font-size:28px;line-height:1.5}
	.galleryBox li .infoHover h5{padding:5px 0;font-size:16px;line-height:1.5}
	.galleryBox li .infoHover h6{font-size:18px;line-height:1.5}
	.behance{padding:0 20px!important}
	.headerbold{margin:0 20px}
	.contentF{margin:130px 20px 0 20px}
	.contentBox{margin:0px 20px 0px 20px}
	.galleryBox li,.behanceList li{width:100%;float:none}
	.behanceMenu li{float:left;width:33.33%}
	.behanceList li:nth-child(1),.behanceList li:nth-child(3){display:none}
	.behanceMenu li:nth-child(1),.behanceMenu li:nth-child(3){display:block}
	.fourPic li img{height:120px}
	.threeBox li{float:none;width:100%!important}
	.twoBox li img{height:350px}
	.threeBox li:nth-child(2){margin:5px 0px;width:100%}
	.threeBox li img,.fourBox li img,.behanceList li img{height:350px}
	.mainContent .aboutimg img,.mainContent .awardimg img{height:350px;}
	.mainContent .serivceimg img{height:400px;}
	.fourBox li{width:100%;float:none}
	.fourBox li:nth-child(2){width:100%;margin:5px 0 0 0}
	.fourBox li:nth-child(3){width:100%;margin:5px 0}
	.fourPicTow li{width:50%;float:left;height:auto!important}
	.fourPicTow li img{width:100%!important;height:auto!important}
	.fourPicTow li:nth-child(1){width:50%;margin:0 0 5px 0}
	.fourPicTow li:nth-child(2){width:50%;margin:0 0 5px 0;position:relative}
	.fourPicTow li:nth-child(3){width:50%;margin:0}
	.fourPicTow li:nth-child(4){width:50%;margin:0;position:relative}
	.fourPicTow li:nth-child(2):after,.fourPicTow li:nth-child(4):after{position:absolute;display:block;width:5px;height:100%;background:#FFF;left:0;top:0;z-index:2;content:""}
	.footerList li{width:33.33%;border:solid #000 4px}
	.footerList li:nth-child(1),.footerList li:nth-child(2),.footerList li:nth-child(3){border-bottom:none}
	.footerList li:nth-child(2),.footerList li:nth-child(5){border-right:none;border-left:none}
	.footerList{margin:0 0 60px 0}
	.footerList li a,.footerList li a:last-child{padding:10px 0}
	.nav>li>a{padding:20px 20px 0 0}
	.behanceMenu li a{border:4px solid #000}
	.behanceMenu li a .iconBox{width:56px;height:56px;font-size:20px;line-height:56px}
	.behanceMenu li:nth-child(1) a{border-right:2px solid #000}
	.behanceMenu li:nth-child(3) a{border-left:2px solid #000}
	.behanceMenu li:nth-child(2) a{border-right:2px solid #000;border-left:2px solid #000}
	.myaccount-record li{border:3px solid #000;border-bottom:none}
	.myaccount-record li:last-child{border-bottom:3px solid #000}
	.contentList{float:none;margin:0}
	.contentList li{width:100%}
	.contentListB{float:none;margin:0px 0 70px 0}
	.contentListB li{width:100%}
	.header .logo{height:48px;}
	.header .type-submenu .left.text-left{display:block;}
	.menuIcon{float:none;margin:0 0 0 0;}
	.aboutHeader{margin:101px 0 0 0;}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:250px;}
	.awardListImg li{margin:15px 20px;display: inline-block;
		width: auto;padding: 0;

	}
	.awardListImg li img{max-width:50px;}
	.award li img{max-width:50px;}
	.infoTxt .pstyle{text-align:justify;margin:20px 0 0 0;}
	.infoTxt .pstyle li{display:inline;}
	.infoTxt .pstyle li.sNone{display:none;}
	.bodyF .headerbold .fixedHeader.header{padding:10px 20px;}
	.awardBox .awardDetail{width:100%;padding:40px;}
	.awardBox{margin:30px 0 0 0;}
	.moreContent{padding:10px 0 0 0;}
	.infoTxt h2{margin:20px 0 20px 0;}
	.infoTxt h2.sphb{font-size:30px;}
	.workInfo h2 ul li{display:inline;}
	.aboutBtnStyle{margin:20px auto 20px auto;}
	.sliderBox{margin:20px 0 0 0;}
	.slider-nav .navItem{padding:10px 0;}
	.slider-nav .navItem .navItemA{display:none;}
	.slider-nav .navItem .navItemB{margin:0;font-size:36px;}
	.slider-for{padding:20px 0 20px 0;}
	.dotStyle{margin:20px 0 0 0;}
	.contactList li{width:100%;margin:0px 0 10px 0;}
	.footerMenuIcon{margin:-20px 0 20px 0;}
}
@media (max-width:414px){
	.home-bg .info .txt h4{font-size:34px;margin-top:-5px}
	.logoBox a{width:40px;height:40px}
	.fourPic li img{height:60px}
	.twoBox li img,.threeBox li img,.fourBox li img,.behanceList li img{height:200px}
	.behanceMenu li:nth-child(2) a{border-left:none;border-right:none;color:#000}
	.behanceMenu li:nth-child(1) a{border-right:none}
	.behanceMenu li:nth-child(3) a{border-left:none}
	.behanceMenu li:nth-child(1) a,.behanceMenu li:nth-child(3) a{color:transparent}
	.behanceMenu li a:hover{background:#FFF}
	.mainContent .left h6,.mainContent .left h3{margin:30px 0 20px 0}
	.contentListB{margin:0px 0 30px 0}
	.contentListC{margin:0px 0px 30px 20px}
	.contentListC li{width:100%}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:200px;}
	.mainContent .aboutimg img,.mainContent .awardimg img{height:200px;}
	.mainContent .serivceimg img{height:300px;}
}
@media (max-width:360px){
	.menuIcon li{float:left;margin:0 3px}
	.menuIcon li:first-child{margin:0 3px 0 0;}
	.aboutHeader img,.slickCarousel img,.partnerImg img{height:180px;}
	.mainContent .aboutimg img,.mainContent .awardimg img{height:180px;}
	.mainContent .serivceimg img{height:250px;}
}
@media (max-width:320px){
	.header .logo{width:215px}
	.footerList li a,.footerList li:last-child a{font-size:14px}
}