@media only screen and (max-width: 1199px){

	.container {width: 980px;}

	#banner h1 { transform:translate(0,277%); center;}

	#services-box ul li {width: 211px;}

	#services-box ul li h2 {font-size: 19px;}

	#lifecycle-part figure.lifecycle {float: left; width: 530px;} 

	#lifecycle-part article {float: left; margin-left: 50px; width: 400px;}

	.about-page .company-details .details-box {width: 482px;}

	.about-page .company-details .history-box .history .history-details p {width: 396px;}

	.comman-contant #footer .top-footer .common-footer {width: 230px;}

	.comman-contant #banner h1 {margin: 0px;}



	section.contact-page div.office-address div.office, div.contact, div.icon, section.contact-page div.other-address div.business, div.training, div.career{width: 306px;}



	section.training-page div.catagory ul.lang li{width: 140px;}

	section.common-content div.catagory ul.lang li p{font-size: 18px; font-weight: normal;}

	section.common-content div.details div.left{width: 530px;}



	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 163px;}



	section.blog-page section.left-part{width: 550px;}

	section.blog-page section.left-part div.blog-list img{height: 330px; width:550px;}

	section.blog-page section.right-part{width: 380px;}

	section.blog-page section.right-part div.recent div.post div.usernm{width: 203px; padding: 20px 0 20px 10px;}

	section.blog-page section.left-part div.blog-list ul.comments li{float: left; font-size: 20px; color: #61c53a; width: 183px;}

}



@media only screen and (max-width: 991px){

	.container{width: 750px;}

	

	.comman-contant #header div.logo  img{height: 39px;}

	.comman-contant #header .navigation-part {margin-top: 0px;}

	.comman-contant #header .logo {margin-top: 9px;}

	#lifecycle-part figure.lifecycle {width: 450px;}

	#lifecycle-part article {width: 350px;}

	#slider-box .recentwork-part {float: left; width: 100%;} 

	#slider-box .clientsays-part {float: left; width: 100%; margin-top: 20px;  }

	#banner h1 {margin:0;position: absolute; width: 100%; top:0; transform:translate(0,254%); center;}

	.about-page .company-details .details-box {float: left; width: 417px;}

	.about-page .company-details .history-box .history .history-details p {float: left; width: 331px; text-align: justify;}

	.comman-contant #footer .top-footer .common-footer {width: 197px; }

	#header .navigation-part ul li:hover ul.sub-menu{width: 180px;}

	#header .navigation-part ul li:hover ul.sub-menu li{width:89%;}

	#header .navigation-part ul li{margin-right: 10px;}



	section.training-page div.catagory ul.lang li{width: 212px; margin: 50px 0;}

	section.common-content div.details div.right{width: 95%; margin-top: 50px;}

	section.common-content div.details div.left{width: 100%;}

	section.common-content div.catagory{padding:0;}

	

	section.contact-page div.office-address div.icon img{height: 180px; width: 125px;}

	section.contact-page div.office-address div.office, div.contact, div.icon, section.contact-page div.other-address div.business, div.training, div.career{width: 263px;}

	section.contact-page div.office-address div.office h2{font-size: 50px;}

	section.contact-page div.office-address ul li{font-size: 20px;}

	section.contact-page div.other-address h2{font-size: 25px;}



	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 283px;}

	section.blog-page section.left-part, section.blog-page section.left-part div.blog-list img{width: 400px;}

	section.blog-page section.left-part div.blog-list ul.comments li{font-size: 15px; width: 133px;}

	.logo {position: absolute;}
	#cssmenu {padding-top: 0px;}

}



@media only screen and (max-width: 767px){

	.container{width:auto; padding: 0 20px;}

	#lifecycle-part figure.lifecycle {width: 100%;}

	#lifecycle-part article{width: 271px;}

	.about-page .company-details .history-box .history {border-right:none; padding: 0 15px 0 0; margin-top: 20px; display: inline-block;}

	.about-page .company-details .details-box {float: left; width:100%; padding-left: 0px;}

	.about-page .company-details .advantages-box{ margin-top: 50px;}

	.about-page .company-details .history-box .history .history-details p {float: left; width:633px; text-align: justify;}

	.comman-contant #banner h1 { transform:translate(0,202%); center;}

	.comman-contant #footer .top-footer .common-footer {width: 47%;}

	#slider-box .recentwork-part, #slider-box .clientsays-part {width:100%;}

	.comman-contant #header .navigation-part {display: none;}

	#services-box ul li {width: 100%;}


	.comman-contant #header #nav {position: relative;}

	#mobile-menu {float: right; background: url(../images/menu-icon.png) no-repeat 0 0; width: 33px; height: 22px;margin-top: 15px; cursor: pointer; background-color: #ffffff}



	section.contact-page div.office-address div.icon{display: none;}

	section.contact-page div.office-address, section.contact-page div.other-address{padding: 30px 0; }

	section.contact-page div.office-address div.office, div.contact{width: 344px;}

	section.contact-page div.other-address div.business, div.training, div.career{width: 215px; text-align: center;}

	section.contact-page div.other-address h2{font-size: 20px;}

	section.contact-page div.other-address ul li{font-size: 17px;}

	section.form-part div.form, section.form-part div.map{width: 100%}



	section.training-page div.catagory ul.lang li{width: 240px; margin: 30px 0;}

	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 242px;}

}



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


	#lifecycle-part article{width: 41%;}

	#project-diliverd {padding: 60px 10px;}

	.about-page .company-details .history-box .history .history-details p {width:508px;}

	.comman-contant #banner h1 { transform:translate(0,190%); center;}

	.comman-contant #footer .bottom-footer .social-part {width: 172px;}



	section.contact-page div.office-address div.office, div.contact{width: 280px;}

	section.contact-page div.office-address div.contact ul{margin-top: 0px;}

	section.contact-page div.other-address div.business, div.training, div.career{width: 100%; text-align: left;}

	section.contact-page div.other-address h2{font-size: 30px;}

	section.contact-page div.other-address ul li{font-size: 20px;}

	section.form-part div.form{width: 100%; margin-right: 50px;}

	section.form-part div.map{height: 250px;}



	section.training-page div.catagory ul.lang li{width: 200px; margin: 30px 0;}

	section.common-content div.details div.right{width: 93%;}



	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 200px;}

}



@media only screen and (max-width: 360px){

	.comman-contant #top-header .top-details ul li{display: inline; margin-left: 0; font-size: 14px; background-size: 12px;} 

	.comman-contant #header{padding: 5px 0 14px;}

	.comman-contant #banner h1 { font-size: 20px; transform: translate(0px, 560%);}

	.comman-contant #footer{text-align: center;}

	.comman-contant #footer .top-footer .common-footer {width: 100%;}

	.comman-contant #footer .top-footer .common-footer h3 {margin-top: 10px;}

	.comman-contant #footer .top-footer .common-footer h3.mar-non{margin-top:0px;}

	.comman-contant #footer .bottom-footer p {width: 100%; font-size: 13px; margin-bottom: 10px;}

	.comman-contant #footer .bottom-footer .social-part {width: 244px;}




	#lifecycle-part article{margin-left: 0; margin-top: 20px; width: 100%;}

	#project-diliverd {padding: 40px 0;}

	#project-diliverd h1 {font-size: 20px;}

	#project-diliverd p {font-size: 15px;}

	.about-page .company-details .history-box .history .history-details p {width:100%;}

	

	section.contact-page div.office-address div.contact ul{margin-top: 0}

	section.contact-page div.office-address div.office, div.contact{width: 94%}

	section.form-part div.form input[type=submit]{width: 100%;}

	section.form-part div.form ul li.btn{margin-top: 20px;}



	.comman-contant #wrap-content {padding: 30px 0;}

	section.training-page div.catagory ul.lang li{width: 106px; margin: 25px 0;}

	section.common-content div.details div.right{width: 88%;}

	section.common-content div.details div.right input[type=text], textarea, section.common-content div.details div.right ul li input[type=submit], input[type=reset]{font-size: 15px;}

	section.common-content h1.head{font-size: 30px; font-weight: normal;text-align: center; margin-bottom: 30px;}

	section.common-content div.catagory ul.lang li a img{height: 60px;}

	section.common-content div.catagory ul.lang li p{font-size: 13px; font-weight: normal;}

	.comman-contant #banner h1 { font-size: 20px; transform: translate(0px, 468%);}

	section.common-content div.details div.right{padding: 30px 20px;}



	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 106px;}

}



@media only screen and (max-width: 320px){

	.comman-contant #top-header .top-details ul li{display: inline; margin-left: 0; font-size: 12px; background-size: 9px;}

	.comman-contant #footer .bottom-footer .social-part {width: 224px;}

	.comman-contant #banner h1 { font-size: 20px; transform: translate(0px, 445%);}



	section.training-page div.catagory ul.lang li{width: 93px;}

	section.common-content div.details div.right{width: 85.5%;}



	section.development-page div.catagory ul.lang li{margin: 50px 0; width: 93px;}

	



}