.clearfix:after{content:'';display:block;clear:both}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:1400px){#header.header4 #nav{width:auto;top:28px}.nav-active #header.header4 #nav{left:100px}}@media (min-width:1200px){#header .menu-opener{display:none}}@media (min-width:768px){#header .search-icon{display:none!important}#header.header5 .nav-opener{display:none}}@media (max-width:1399px){#header{padding:30px 40px}#header .header-holder{width:78%}#header.style3 .nav-opener{margin:0}#header.style3 .nav-opener span,#header.style3 .nav-opener:after,#header.style3 .nav-opener:before{background:#fff}#header.style3 .nav-opener .txt{color:#fff}#nav ul li{margin:0 0 0 40px}.offer-sec .main-img{width:479px}.right-bar{display:none}.nav-active #header.style3 .nav-opener span,.nav-active #header.style3 .nav-opener:after,.nav-active #header.style3 .nav-opener:before{background:#323031}.nav-active #header.style3 .nav-opener .txt{color:#323031}.item.col5 h4{font-size:20px}}@media (max-width:1199px){#nav,#wrapper{transition:all .25s linear}#header.bg-dark #nav .drop-down a,#header.header2 #nav ul>li>a,#header.header3 #nav ul>li>a,#header.style3 #nav a,#nav .drop-down a,#nav .drop-down.nav2 a,#nav .nav-drop a,#nav ul li a,.slider-blog .slick-arrow{color:#fff}#header .side-nav{margin:0}#header.header3 #nav{padding:15px 0}#header.header4 #nav,#header.style2 .header-holder{width:300px;padding:65px 0 0;opacity:1;visibility:visible;left:auto}#header.header3 .search{margin:-1px 0 0 20px}#header.header4 #nav{top:0;right:0;position:fixed;text-align:left;margin:0 -300px 0 0}#header.header4 .nav-opener{float:right;margin-right:16px}#header.header4 .logo{float:left}#header.style1 #nav{margin:0 0 50px}#header.style2 .header-holder{right:-300px}#header.style2 .header-holder #nav{width:100%;height:auto;position:static}#header.style2 .header-holder #nav ul li{font-size:16px;font-weight:400;text-align:left;line-height:18px}#header.style3 .nav-opener{margin:0}#header.style3 .nav-opener .txt{display:none}#header.style3 .header-holder{right:0;padding:0;left:auto;width:auto}#header.style3 #nav{opacity:1;visibility:visible;margin-right:-300px}#header.style3 #nav ul li,#header.style3 #nav ul li:hover{padding:0;margin:0 0 10px}#header.style3 #nav ul li{font-size:25px;line-height:30px}#header.header6{padding-left:0;padding-right:0}#header.header6 .nav-opener{margin-left:20px}#header .header-holder{width:34%}#header .header-area #nav>ul>li{margin:0;color:#fff}#header .search{margin:-6px 0 0 20px}#nav{top:0;right:0;margin:0 -300px 0 0;bottom:0;z-index:55;float:none;width:300px;height:100vh;position:fixed;overflow-y:auto;padding:65px 0 0;background:#323031}#nav .drop-down,#nav .nav-drop{opacity:1;position:static;visibility:visible;background:0 0;transform:translateY(0);overflow:hidden}#nav ul li{margin:0;display:block}#nav .drop-down li:after,.post.post4 br{display:none}#nav ul li.hover,#nav ul li:hover{margin:0;padding:0}#nav ul li.hover .drop-down,#nav ul li.hover .nav-drop{max-height:100%}#nav ul li.hover .drop-down li:hover .nav2{max-height:100%!important}#nav ul li a{padding:10px 0;white-space:normal}#nav .drop-down{max-height:0;padding:0 40px;min-width:310px}#nav .drop-down.nav2{opacity:1;overflow:hidden;visibility:visible;max-height:0!important}#nav .drop-down li{border:0;padding:0}#nav .nav-drop{max-height:0;padding:0 40px;background-image:none!important}#nav .nav-drop .h-col{width:100%;padding:10px 0 0}#nav .nav-drop .h-col.h-col2{width:100%}#nav .nav-drop .title{margin:0 0 10px}#nav .nav-drop .nav{padding:0 20px}.nav-active{overflow:hidden}.nav-active #nav{margin-right:0}.nav-active #header,.nav-active #wrapper{margin-right:300px;margin-left:-300px}.nav-active #header.sticky #nav{top:0;margin-right:0}.nav-active #header.header2.sticky #nav{top:65px;margin-right:-300px}.nav-active #header.header3{margin-left:0;margin-right:0}.nav-active #header.header3.sticky{margin-right:300px;margin-left:-300px}.nav-active #header.header4 #nav{left:auto;right:300px}.nav-active #header.header4.sticky #nav{right:0}.nav-active #header.style3 .nav-opener{margin-top:-8px}.nav-active #header.style3 .nav-opener span,.nav-active #header.style3 .nav-opener:after,.nav-active #header.style3 .nav-opener:before{background:#fff}.search-popup.form2 .search-form{width:702px;top:12px}.search-popup.form2 .search-close{top:47px;right:53px}.search-popup.form4 .search-form{width:605px;right:120px;height:124px}.search-popup .search-form{width:755px;top:100px}.search-popup .search-close{right:105px}.post.post2 .header{padding:18px 20px}.post.post6 .header{margin:0 0 20px}.post.post6 .post-info p{margin:0 0 30px}.post.post7 .header{padding:0 90px}.post.post7 .post-info{padding:0 52px}.post .txt-holder{padding:0 60px}.post .header{padding:20px 36px}.service-post.align-left .post-info{margin:80px -94px 0 0}.service-post .post-info{margin:80px 0 0 -94px}.main-heading:before{top:18px;width:70px}.main-heading .heading{font-size:35px;line-height:40px}.main-heading.style2{padding:0 0 0 80px}.main-heading.no-border{padding:0}.subscribe-holder .subscribe-form .form-control{margin:0 10px 0 0}.item .zoom{font-size:25px;line-height:60px;width:60px;height:60px}.item h4{font-size:20px;line-height:30px}.item.style1 .zoom,.item.style2 .zoom,.item.style3 .zoom,.item.style5 .zoom{font-size:25px;line-height:60px;width:60px;height:60px}.item.style1 h4,.item.style2 h4,.item.style3 h4,.item.style5 h4{font-size:20px;line-height:30px}.product .over{padding:13px;transform:translateY(90px)}.aboutus-sec .title{font-size:122px;line-height:260px}.offer-sec .service-tab .icon{width:131px;height:120px;font-size:56px;line-height:75px}.offer-sec .service-info{padding:20px 15px 20px 0}.slider-blog .slick-arrow{opacity:.6;margin:-70px 0 0}.slider-blog .slick-prev{left:30px}.slider-blog .slick-next{right:30px}.mt-mainslider .caption{width:600px}.slider-ar .slick-arrow,.sliderfade-ar .slick-arrow{right:70px}.slider-ar .slick-prev,.sliderfade-ar .slick-prev{left:70px;right:auto}.contact-sec .map{width:500px}.project-detail .p-slider-nav .bg-dark{display:block}.btn-holder-detail{position:relative;min-height:120px}.btn-next-p,.btn-prev-p{top:0}.project-detail .img-cont{width:700px}.aboutus-sec .slider.style2{padding:0}}@media (max-width:1023px){#header .header-holder{width:65%}.search-popup.form2 .search-form{width:470px;height:60px;right:90px;top:18px}.search-popup.form2 .search-form .form-control{padding:20px 20px 20px 63px}.search-popup.form2 .search-form .search{font-size:26px;line-height:40px;padding:7px 0 7px 15px}.search-popup.form2 .search-close{top:37px}.search-popup.form3 .search-form .form-control{padding:20px 20px 20px 28px}.search-popup.form4 .search-form{width:420px}.search-popup .search-form{width:510px;height:62px}.search-popup .search-form .form-control{padding:20px}.search-popup .search-form .icon{font-size:35px;line-height:38px}.post.post2 .author-by,.post.post2 .skill,.post.post2 h3{font-size:14px}.post.post2 .txt-holder{padding:0 15px}.post.post2 .header{padding:15px}.post.post2 h3{line-height:19px}.post.post2 .time{width:140px}.post.post3 h3{font-size:16px}.post.post3 .author-by,.post.post3 .skill{font-size:14px}.post.post4 .header{font-size:13px}.post.post4 .header br{display:none}.post.post4 h3{font-size:16px}.post.post4 .author-by,.post.post4 .skill{font-size:14px}.post.post5 .time{padding:33px 20px 31px;width:112px}.post.post5 .align-left{padding:23px 0 23px 20px}.post.post6 .header{margin:0 0 20px}.post.post6 .time{padding:20px}.post.post6 .post-info{padding:0 0 14px 20px}.post.post6 .post-nav li{margin:0 0 10px}.post.post7 .header{padding:0 40px}.post.post7 .post-info{padding:0 50px}.post .txt-holder{padding:0 30px}.post .header{padding:20px}.post h3{font-size:18px;line-height:24px;margin:0 0 25px}.service-post.align-left .post-info{margin:39px -130px 0 0}.service-post.align-left .service-label{margin:-50px 0 0 -60px}.service-post .img-holder{width:52%}.service-post .post-info{width:65%;margin:39px 0 0 -130px}.service-post .txt-wrap{padding:30px 25px}.service-post h3{font-size:27px;line-height:34px;margin:0 0 15px}.service-post .service-label{margin:-50px -60px 0 0}.team .social-network li{margin:0 5px 0 4px}.main-heading:before{width:68px}.main-heading .heading{font-size:30px;line-height:35px}.main-heading.style3 .heading{line-height:37px}.subscribe-holder .subscribe-form .form-control{width:77%}.item.col5{width:33.33%}.item.col4{width:50%}.item .zoom{margin:0 auto}.item:hover h4{padding:0 0 10px}.isoto-filter{padding:0;text-align:left}.product .over .icon-link,.product .over .icon-shopping-bag{font-size:17px;line-height:20px}.product .over .cart{font-size:15px}.offer-sec .service-tab .icon{width:90px;height:96px;font-size:46px;line-height:75px;padding:13px}.offer-sec .service-tab .title{font-size:14px;line-height:16px}.offer-sec .service-info{width:64%}.offer-sec .service-info li{float:none;margin:0 0 30px;width:100%}.offer-sec .img-holder{margin:0 -8px 0 0;width:36%}.offer-sec .main-img{width:339px;bottom:210px}#footer .btn{margin:0 30px 0 10px}.counter-sec{min-height:0;padding:100px 0}.counter-sec .title{padding:0}.counter-sec .count{font-size:60px;line-height:60px}.offer-sec .service-tab li{margin:0 0 0 25px}.mt-mainslider .caption{width:500px}.contact-sec .map{float:left;width:100%;margin:0}.contact-sec .contact-detail .icon{width:40%}.contact-sec .contact-detail .contact-abt{width:60%;padding:0 0 0 20px}.p-detail-slider .slick-prev{left:20px}.p-detail-slider .slick-next{right:20px}.project-detail .img-cont{width:100%}.error-section .main-title{font-size:90px;line-height:90px}}@media (max-width:767px){.tel{line-height: 14px !important;}.tel a{display: block !important;}#header.header5 .nav-opener,#header.header6 .nav-opener{display:inline-block;vertical-align:middle;float:none}#header{padding:15px 0}#header .header-holder{width:45%;text-align:right}#header .header-area,#header.header2.sticky .header-area{padding:20px 10px 10px}#header.header3 .header-area .header-holder{padding:0;width:48.2%}#header.header3 .header-area .header-holder .nav-opener{margin:5px 5px 0 20px}#header.header4 #nav ul li{margin:0}#header.style1 .header-holder{padding:0 15px}#header.style1 #nav{margin:0 0 20px}#header.style1 #nav ul li{font-size:25px;line-height:30px;margin:0 0 10px}#header.style1 #nav ul a,#header.style3 .header-holder{padding:0}#header.style3 #nav{margin:0 -300px 0 0}#header.style3 #nav ul li a{padding:10px 30px}#header.header5 .search-icon{color:#323031}#header.header6 .header-holder{width:46%}#header.header6 #nav>ul>li{margin:0}#nav{width:270px;text-align:left;margin-right:-270px}.nav-active #nav{margin-right:0}.nav-active #header,.nav-active #wrapper{margin-right:270px;margin-left:-270px}.nav-active #header.header2.sticky #nav{margin-right:-270px}.search-popup.form2 .search-form{width:100%;height:60px;right:0;top:66px}.search-popup.form4 .search-form{top:74px;left:15px;padding:0;right:15px;width:auto;height:60px}.search-popup.form4 .search-close{top:38px;right:38px}.search-popup .search-form{width:100%;height:60px;right:0;top:66px}.search-popup .search-form .form-control{width:83%;padding:20px 15px}.search-popup .search-form .icon{font-size:29px;line-height:36px;width:17%}.search-popup .search-close{right:18px;top:27px}.search-popup .title{font-size:23px;line-height:26px}.post.post3 h3{font-size:15px}.post.post5 .time{font-size:14px;line-height:16px;padding:20px;width:136px}.post.post5 .align-left{padding:23px 0 10px}.post.post6 .img-holder{width:100%;float:none;margin:0 0 20px}.post.post6 .header{margin:0 0 20px}.post.post6 .post-info,.post.post7 .header{padding:0}.post.post7 .post-info{padding:0 15px}.post.post7 .time{float:none;margin:0 auto;display:block}.post .txt-holder{padding:0 20px}.post .header{padding:15px}.post h3{font-size:16px;line-height:20px;margin:0 0 20px}.post .author-by,.post .skill{font-size:14px}.post .post-nav li{margin:0 0 10px}.service-post.align-left .post-info{margin:39px 0 0}.service-post .img-holder{width:100%;float:none;margin:0 0 20px}.service-post .post-info{width:100%;float:none;margin:39px 0 0}.aboutus-sec .post-btn,.product{margin:0 0 30px}.blog-post br{display:none}.subscribe-holder .subscribe-form .form-control{width:73%}.product{float:none;padding:0;width:100%}.aboutus-sec .title{font-size:92px}.aboutus-sec .slider{padding:27px 0 0 27px}.aboutus-sec .slider:before{left:0}.aboutus-sec .slider .slick-prev{left:50px}.aboutus-sec .slider.bottom{padding:0 0 20px 15px}.aboutus-sec.inner .slider{float:none;max-width:320px;margin:0 0 30px}.slider-ar .slick-arrow,.sliderfade-ar .slick-arrow{right:30px}.offer-sec .service-tab{margin:0 0 20px;letter-spacing:-5px}.offer-sec .service-tab li{margin:0 0 30px;padding:0 15px;width:50%;letter-spacing:0}.offer-sec .service-tab .icon{width:115px}.offer-sec .service-info{width:100%;float:none;padding:0}.offer-sec .img-holder{margin:0;width:100%;float:none}.offer-sec .main-img{width:100%;bottom:0}#footer .btn{margin:0 0 30px;float:left}#footer.style2 #back-top{width:60px;right:10px}#footer.footer4 .f-nav li{margin:0 20px 10px 0}#footer.footer4 .social-network a{width:40px;height:40px}#footer.footer5 .social-network{text-align:left;padding-top:15px}#footer.footer5 #back-top{bottom:100px;width:50px;height:50px;padding:2px;right:0}.footer-area{padding-top:40px;padding-bottom:10px}.footer-area .contact-list{margin:0 0 30px}.footer-area .contact-list .fa{float:left;margin:7px 12px 0 2px}.footer-area .f-nav,.footer-area .social-network{margin:0 0 30px}.footer-holder .copyright{padding:20px 0}.mt-mainslider .slide-border{top:10px;left:10px;right:10px}.mt-mainslider .caption{width:280px}.mt-mainslider .heading{font-size:40px;line-height:50px}.mt-mainslider .title{font-size:20px;line-height:30px}.mt-mainslider .slick-arrow,.mt-mainslider .slider-arrow{display:none!important}.slider-pg .slick-dots,.sliderfade-pg .slick-dots{right:5px}.item.col2,.item.col3,.item.col4,.item.col5,.item.col6{width:100%}.test-sec .test-slider .slide{padding:83px 15px 40px}.wedo-slider .slick-arrow{top:-40px}.contact-sec .contact-holder{padding:60px 20px}.top-banner .social{display:block}.top-banner .social:before{left:-9999px}.project-detail .btn-box .btn-next-p span,.project-detail .btn-box .btn-prev-p span{width:135px;height:90px;font-size:12px;line-height:90px}.btn-next-p span,.btn-prev-p span{width:150px;height:90px;font-size:14px;line-height:90px}.project-detail h2{margin-top:0;padding-top:50px}.page-header .num{font-size:150px;line-height:150px}.error-section .main-title{font-size:40px;line-height:40px}.error-section .txt{font-size:20px;line-height:25px}.error-section .countdown-section{width:45%;margin-bottom:10px}.mt-mainslider .slick-dots{display:none!important}.contact-sec .contact-form.form2 .form-group{width:100%}.contact-sec .contact-form.form2 .col{width:100%;padding:0}}