@media (max-width:1440px){
.about-myself-sec {padding: 0 30px;}
.about-mywork-sec {padding: 0 40px;}
.wanky_page .fancy-portfolio-info {padding: 0 40px;}
.contact-me-sec {padding: 0 80px;}
.page-slider{height:650px;}

}

@media (max-width:1200px){
.side-menu-header {left: -250px;}
.side-menu-header .menu-options{display: block;}    
.wanky_page {padding-left: 36px;}
.featured-slide-content h3 {font-size: 40px;}
.about-image.overlape img {margin-top: 60px;width: 390px;}
.about-compnay-infos > h3 {font-size: 25px;}
.project-details {padding-left: 40px;padding-right: 40px;}
.project-box > a {left: 40px;}
.testimonials-center {padding: 0;}
.about-widget > ul {padding: 0;}
.about-block {padding: 0;}
.contact-title > p {padding: 0;}
.featured-container.style2 .featured-slide-content > h3 {font-size: 72px;line-height: 80px;margin-top: 18px;}
.features-list-thumb > img {width: 360px;}
.product-features-list > ul {padding: 0 65px 0 0;}
.product-features-list > ul > li:first-child, .product-features-list > ul > li:last-child {margin-right: -50px;}
.product-features-list.flip > ul {padding-left: 65px;}
.product-features-list.flip > ul > li:first-child, .product-features-list.flip > ul > li:last-child {margin-left: -50px;}
.testimonials-center.style2 .testimonial {padding: 0 60px 105px;}
.features-about-img.overlape {margin-top: 0;}
.office-steps-info {padding: 60px 40px;}
.office-steps-info > h3 {font-size: 20px;margin-top: 20px;}
.office-steps-info > p {font-size: 15px;}
.services-box {padding: 50px 30px;}
.services > h3 {font-size: 17px;}
.services > h3 {padding-right: 0;}
.mockup-img {float: left;width: 100%;}
.how-company-steps.style2 > .company-steps-title h3 {padding-right: 0;}
.blog-thumb > img {float: left;width: 100%;}
.header-menus .menu-open {display: none;}
.about-sec .features-about-info {padding: 0;}
.twitter-widet {padding: 70px 30px;}
.product-cat-info > h3 {font-size: 20px;}
/* .heading > h2 {font-size: 26px;} */
.download-main-btns > li > a {padding: 15px 15px 15px 74px;height: 90px;width: 208px;}
.download-main-btns > li > a > i {color: #313131;font-size: 33px;left: 30px;}
.landing-header h2 {font-size: 116px;}
.landing-header p {font-size: 15px;}
.services-box.fancy {padding: 60px 35px;}
.features-fancy-nav {padding: 0 190px;}
.page-slider{height:450px;}
.chengzhang .article_list h2.tit{padding-left: 115px;}
.contactus-map .my-map {height: 460px;}
}

@media (max-width:980px){
.product-sec > div {float: left;width: 50%;}    
.features-fancy-nav {padding: 0 170px;}
.feature-detail-content > p {padding: 0;}
.my-profile-data {width: 100%;}
.about-myeducation-sec {padding-left: 80px;padding-right: 40px;}
.about-myskills-sec {padding: 0 70px;}
.app-gallery-sec > .app-gallery {padding: 0;}    
.wide-product-info {left: 40px;padding: 40px 40px 46px;width: 400px;}    
header.header-one .logo-bar .row > div {float: left;width: 33.334%;}
.logo-bar {padding: 20px 0;}
.logo > a {font-size: 41px;}
.get-quote-btn {font-size: 10px;margin: 6px 0;padding: 12px 23px;}
.header-menus nav > ul > li > a {font-size: 14px;padding: 14px 15px 16px;}
.featured-slide-content h3 {font-size: 35px;line-height: 53px;}
.featured-slide-content > span {font-size: 18px;}
.services-sec > .row > div {float: left;width: 50%;}
.about-image > img, .about-image.overlape > img {margin: 0 0 80px;}
.about-image {float: left;text-align: center;width: 100%;}
.about-image.overlape img {margin-top: 100px;width: 390px;}
.about-parallax {display: inherit;padding: 100px 0;}
.counters-fact {padding: 0;}
.counter > h3 {font-size: 27px;line-height: 34px;}
.counter > span {float: left;font-size: 14px;margin-top: 5px;width: 100%;}
.column {float: left;margin-bottom: 70px;width: 100%;}
.column:last-child {margin: 0;}
.about-sec .features-about-info {margin-top: 40px;padding: 0;}
.client-sec > .row > div {float: left;width: 33.334%;}
.coming-soon > h3 {font-size: 90px;letter-spacing: -4px;line-height: 100px;margin-top: 60px;}
.bottomline span {float: left;padding-bottom: 0;text-align: left;width: 100%;}
.bottomline ul {float: left;text-align: center;width: 100%;}
.bottomline ul li {display: inline-block;float: none;}
.gallery-sec > .row > div {float: left;width: 50%;}
.featured-container.style2 .featured-slide-content > h3 {font-size: 38px;letter-spacing: -1px;line-height: 50px;margin-top: 5px;}
.product-features {display: inherit;}
.product-features > .product-features-list {float: left;text-align: center;width: 100%;}
.product-features > .product-features-list > ul {float: left;margin: 0;padding: 0;width: 100%;}
.product-features > .product-features-list > ul > li {margin-left: 0;margin-right: 0;text-align: center;}
.product-features > .product-features-list > ul > li > i {display: inline-block;float: none;}
.product-features > .features-list-thumb > img {float: none;margin: 50px 0;}
.product-features-list.flip > ul > li:first-child, .product-features-list.flip > ul > li:last-child {margin-left: 0;}
.fancy-portfolio-info {padding: 0 40px;}
.fancy-portfolio-info > h3 {font-size: 18px;line-height: 32px;margin-top: 6px;}
.product-sec > .row > div {float: left;width: 50%;}
.features-about-info {padding: 0;}
.price-table.active, .price-table {margin: 20px 0;}
.project-box-sec .col-md-12 {float: left;width: 100%;}
.single-post-detail > img.pull-right {margin-bottom: 30px;margin-left: 30px;}
.author-blog-info > p {width: 100%;}
.portfolio-fancy-sec .slick-dots {float: left;margin-top: 30px;position: static;text-align: center;width: 100%;}
.header-menus .menu-open {display: none;}
.cart-item > .product-info .prices {float: left;margin-top: 20px;}
.product-info .quantity {float: right;}
.sub-total {margin-top: 50px;}
.coming-soon > h3 {margin-top: 10px;}
.contact-social {margin-top: 20px;}
.coming-soon.style2 .bottomline span {color: #737373;float: left;text-align: center;width: 100%;}
.coming-soon.style2 .countdown {float: left;position: static;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;width: 100%;}
.coming-soon.style2 .countdown > li {display: inline-block;float: left;width: 110px;}
.coming-soon.style2 .countdown > li:first-child {-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;-ms-border-radius: 10px 0 0 10px;-o-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;}
.coming-soon.style2 .countdown > li:last-child {-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;-ms-border-radius: 0 10px 10px 0;-o-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;}
.coming-soon > .logo {margin-bottom: 70px;}
.error-sec.style2 {text-align: center;}
.error-sec.style2 .group-btns {text-align: center;}
.error-img > img {float: left;width: 100%;}
.twitter-widet {padding: 70px 30px;}
.fancy-slide-title {float: left;left: 50%;margin: 110px 0 260px;position: relative;top: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.fancy-home-sec > .fancy-home-nav {bottom: 60px;float: left;left: 50%;position: absolute;top: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: 400px;z-index: 1;}
.fancy-home-nav li > a {float: right;position: relative;width: auto;}
.fancy-home-nav li.slick-slide.slick-active.slick-center > a {margin-right: auto;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.fancy-home-nav li > a img {margin-left: 0;width: 100%;opacity: 0.2;}
.fancy-home-sec .fancy-home-nav li.slick-slide.slick-active.slick-center > a span {color: #ffffff;width: 100%;text-align: center;}
.fancy-home-nav li > a {background: #000000 none repeat scroll 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);}
.fancy-home-nav li > a span {text-align: center;width: 100%;}
.fancy-slide-title > span{margin-bottom: 0;}
.fancy-slide-title > .theme-btn {margin: 50px 0 0;}
.fancy-home-sec > .fancy-home-slide li.slick-slide.slick-active.slick-current .fancy-slide-title a.theme-btn {margin-top: 50px;}
.fancy-slide-content {background: #0f0f0f none repeat scroll 0 0;}
.fancy-home-sec.light-style .fancy-home-nav li.slick-slide.slick-active.slick-center > a span {color: #ffffff;}
.page-slider{height: 250px;}
.chengzhang .article_list h2.tit{padding-left: 65px;}
.contactus-map .my-map {height: 460px;}
}

@media (max-width:767px){
.header-menus nav > ul li.menu-item-has-children > ul > li {margin: 0;width: 100%;}
nav ul li.menu-item-has-children > ul.mega > li {width: 100% !important;}   
.header-menus nav {overflow-x: scroll;} 
.header-menus nav > ul > li.menu-item-has-children.active a::before {opacity: 1;top: 50%;}
.header-menus nav > ul > li.menu-item-has-children a::before {opacity: 0;top: 50%;}
.side-menu-header {left: -265px;}
.side-menu-header .menu-options {left: 9px;}
.contact-me-sec {padding: 0 40px;}
.wanky_page {padding-left: 20px;}
.product-sec > div {float: left;width: 50%;}
.profile-name-info h1 {font-size: 80px;letter-spacing: -1px;}    
.trial-form-sec {padding: 0;}
.header-menus-full > .logo {padding-left: 15px;}
.header-menus-full nav > ul {padding-left: 40px;}
.container {padding: 0 15px !important;}
.featured-slide-content > span {font-size: 14px;}
.featured-slide-content h3 {font-size: 26px;line-height: 31px;}
.theme-btn {font-size: 11px;padding: 14px 21px;}
.about-image > img, .about-image.overlape > img {float: none;margin-top: 0;}
.clients button.slick-next {right: 0;}
.clients button.slick-prev {left: 0;}
.counter > span {font-size: 12px;}
.counter > h3 {font-size: 21px;line-height: 23px;}
.project-box-sec > div {float: left;width: 50%;}
.product-features > .features-list-thumb {display: inline;float: left;width: 100%;}
.comment {display: inline;text-align: center;}
.avatar-comment-thumb {display: inline-block;}
.comment-detail {display: inline-block;margin-top: 12px;padding: 0;text-align: center;}
.avatar-title {display: inline-block;float: none;width: auto;}
.reply-btn {display: inline-block;float: none;margin-bottom: 0;margin-left: 10px;margin-right: 0;position: relative;top: -5px;}
.all-comments > ul > li .child-comments {padding: 0;}
.search-header form {width: 170px;}
.search-header form input[type="text"] {padding: 12px 10px 12px 30px;width: 130px;}
.quick-info-bar {font-size: 11px;}
.header-menus nav {-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);background: #ffffff none repeat scroll 0 0;height: 100%;overflow-x: scroll;position: fixed;right: -220px;top: 0;width: 220px;z-index: 1;}
.header-menus .menu-open {display: block;}
.open-popup {height: 50px;line-height: 30px;padding: 7px 0;}
header.menu-active .header-menus nav {right: 0;}
.header-menus nav > ul > li {border-bottom: 1px solid #e2e6e6;float: left;margin: 0;width: 100%;}
.header-menus nav > ul > li.active > ul > li {background: #f8f8f8 none repeat scroll 0 0;}
.header-menus nav > ul > li > a {float: left;padding-left: 40px;width: 100%;}
.header-menus nav > ul > li > a::before {left: 19px;}
.header-menus nav > ul > li.menu-item-has-children > ul {display: none;float: left;opacity: 1;position: static;visibility: visible;width: 100%;}
.quick-info-bar {display: none;}
.social-popup-btn {float: left;text-align: center;width: 100%;}
.open-popup {-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;font-size: 11px;height: 30px;line-height: 30px;margin: 6px 0 0;padding: 0;width: 40px;}
.get-quote-btn {font-size: 9px;margin: 5px 0;padding: 10px 20px;}
.logo > a {font-size: 31px;}
.search-header {margin: 0;}
.acount-tabs {width: 390px;}
.acount-tabs > ul {margin: 0;}
.close-account-popup {margin-left: -59px;}
.acount-form-sec {padding: 50px 30px;}
.logo-bar {padding: 15px 0;}
.cart-item > .product-info .prices {float: left;width: 100%;}
.cart-item > .product-info .prices span {display: inline-block;float: none;width: auto;}
.product-info .quantity {float: none;}
.product-count {line-height: 11px;margin-right: 10px;}
.fancy-slide-title > span {font-size: 17px;}
.fancy-slide-title h2 {font-size: 27px;margin: 19px 0 0;}
.fancy-slide-title > .theme-btn {margin: 30px 0 0;}
.fancy-home-sec > .fancy-home-slide li.slick-slide.slick-active.slick-current .fancy-slide-title a.theme-btn {margin-top: 30px;}
.fancy-slide-title {left: 0;position: relative;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;width: auto;}
.fancy-home-sec > .fancy-home-nav {width: 360px;}
.wide-product-info {float: left;margin-left: 5%;margin-top: -50px;position: static;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;width: 90%;}
.wide-product-info a.theme-btn {float: left;margin: 30px 0 0;position: static;}
.search-full {padding: 0 40px;}
.search-full > input {font-size: 17px;padding: 0 20px 0 0;}
.search-full > button {font-size: 14px;padding: 0;right: 43px;top: 1px;}
.header-menus-full nav > ul > li > a {font-size: 16px;}
.header-menus-full nav > ul > li.menu-item-has-children > a::before {top: 15px;}
.header-menus-full nav > ul > li ul > li > a {font-size: 14px;padding: 1px 20px 7px 0;}
.services-fancy {padding: 0;}
.page-slider{height: 200px;}
.chengzhang .article_list h2.tit{padding-left: 55px;}
.contactus-map .my-map {height: 360px;}
}

@media (max-width:520px){
.product-sec > div {width: 100%;}    
.profile-name-info {padding: 0 30px;}
.about-myeducation-sec {padding-left: 45px;padding-right: 20px;}
.about-myskills-sec {padding: 0 45px;}    
.coming-soon > .logo {margin-bottom: 100px;text-align: center;}    
.checkout-total {padding: 30px 40px;}    
.coupon-area {padding: 30px;}    
.col-xs-2,.col-xs-4,.col-xs-6,.col-xs-8,.col-xs-10, .col-xs-12 {float: left;width: 100%;}    
.inner-head > h2 {font-size: 26px;}
.breadcrumbs > li > a {font-size: 13px;}
.counters-fact > .counter {display: inline-block;float: left;width: 50%;}
.bottomline span {text-align: center;}
.bottomline ul > li a {font-size: 11px;padding: 20px 6px;}
.about-block > h3 {font-size: 24px;line-height: 40px;}
.client-sec > .row > div {width: 100%;}
.coming-soon > h3 {font-size: 60px;line-height: 63px;margin-top: 60px;}
.coming-soon > span {font-size: 13px;line-height: 30px;}
.countdown > li {width: 80px;}
.countdown {margin-left: 0;padding: 0 10px;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;width: 100%;}
.countdown > li {border: 1px solid #222222;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;border-radius: 0 !important;display: inline-block;float: left;margin: 0;width: 50%;}
.error-sec > span {font-size: 13px;}
.error-sec > h3 {font-size: 130px;letter-spacing: -6px;}
.error-sec h5 {font-size: 19px;}
.gallery-sec > .row > div {width: 100%;}
.featured-container {background: #f3f3f3 none repeat scroll 0 0;float: left;padding: 50px 10px;position: static;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;width: 100%;}
.featured-slide-content > span {font-size: 13px;}
.featured-slide-content h3 {font-size: 20px;line-height: 21px;}
.theme-btn {font-size: 10px;padding: 11px 17px;}
.services-sec > .row > div {width: 100%;}
.about-image > img, .about-image.overlape > img {float: left;width: 100%;}
.about-parallax > .about-compnay-infos {padding: 0;}
.about-compnay-infos > h3 {font-size: 19px;line-height: 27px;}
.our-projects-masonry .cbp-filter-item {font-size: 13px;padding: 0 6px;}
.reviews-list {padding: 65px 30px;}
.featured-container.style2 .featured-slide-content {float: left;width: 100%;}
.featured-container.style2 .featured-slide-content > span {color: #333333;font-size: 15px;line-height: 24px;margin: 0;}
.featured-container.style2 .featured-slide-content > h3 {color: #333333;font-size: 20px;letter-spacing: 0;line-height: 30px;margin-bottom: 0;}
.fancy-portfolio-info {padding: 0 30px;}
.fancy-portfolio-info > span {font-size: 11px;}
.fancy-portfolio-info > h3 {font-size: 12px;letter-spacing: 0.5px;line-height: 19px;margin-top: 6px;}
.slick-slide.slick-active.slick-center > .portfolio-fancy > .fancy-portfolio-info h3 {margin-bottom: 48px;}
.fancy-portfolio-info > a {font-size: 12px;height: 32px;line-height: 32px;margin-left: -16px;width: 32px;}
.testimonials-center.style2 .testimonial {padding: 0 30px 105px;}
.product-sec > .row > div {float: left;width: 100%;}
.mokcup-img {float: left;width: 100%;}
.features-about-sec {padding: 0;}
.features-about-img::before {display: none;}
.features-about-info > h3 {color: #222121;float: left;font-family: Montserrat;font-size: 22px;margin-top: 14px;width: 100%;}
.office-step > img {height: 100%;}
.project-box-sec > div {width: 100%;}
.watch-video > h3 {font-size: 19px;}
.watch-video > span {font-size: 13px;}
.features-list-thumb > img {width: 100%;}
.how-company-steps.style2 > .company-steps-title h3 {font-size: 19px;line-height: 28px;margin-top: 10px;}
.company-steps-title > p {padding: 0;}
.mockup-img {margin-bottom: 30px;}
.blog-infos h1 {font-size: 18px;line-height: 40px;margin: 15px 0 0;}
.single-post-detail > img {width: 100%;}
blockquote {padding: 39px 30px;}
.tags-bar {padding: 0;}
.share-post {float: left;}
.about-blog-author {display: inline;float: left;padding: 30px;text-align: center;width: 100%;}
.author-blog-img {display: inline-block;float: none;margin-bottom: 30px;}
.author-blog-info {padding: 0;}
header.header-one .logo-bar .row > div {float: right;width: 50%;}
.search-header {bottom: -70px;margin: 0;right:-25px;}
.logo {text-align: left;}
.get-quote-btn {float: right;}
.search-header {margin-top: 5px;right: auto;width: 100%;}
header.header-one .logo-bar .row > div:last-child {width: 100%;}
.search-header form {margin-left: 10%;margin-top: 7px;width: 80%;}
.acount-tabs {width: 96%;}
.acount-tabs > ul {float: left;margin-top: -85px;padding: 30px 0 0;position: static;text-align: center;width: 100%;}
.acount-tabs > ul > li {display: inline-block;float: none;margin: 0;position: static;text-align: center;    -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);width: auto;}
.acount-tabs > ul > li a {display: inline-block;float: none;font-size: 12px;height: auto;line-height: inherit;padding: 12px 17px;width: auto;}
.acount-tabs > ul > li.current {opacity: 1;visibility: visible;}
.acount-tabs > ul > li.current a {background: #4f4f4f none repeat scroll 0 0;color: #ffffff;}
.close-account-popup {background: #303030 none repeat scroll 0 0;    -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;color: #ffffff;float: left;margin: 0;position: static;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);width: 100%;}
.post-widget-title {padding-left: 20px;}
.coming-soon.style2 .countdown > li {width: 50%;}
.coming-soon.style2 .countdown {padding: 0;}
.item-available {float: left;text-align: center;width: 100%;}
.filter-option {display: inline-block;float: none;padding-top: 0;text-align: center;width: auto;}
.filter-bar {text-align: center;}
.landing-header h2 {font-size: 56px;letter-spacing: 0;line-height: 90px;}
.download-main-btns > li {margin: 8px 5px;}
.services-fancy {padding: 0;}
.features-fancy-nav {padding: 0;}
.text-center > img {max-width: 100%;}
.single-product-detail > h2 {font-size: 23px;}
.page-slider{height: 135px;}
.block{padding: 70px 0;}
.news-details .remark_draw h1{font-size:20px;}
.page-slider-details{height:150px;}
.chengzhang .article_list h2.tit{padding-left: 15px;}
.contactus-word{padding:46px 20px;}
.contactus-map .my-map {height: 260px;}
}