@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200&display=swap');


body{font-family:'Poppins', sans-serif; font-weight: 400; font-size:16px; color:#393c3f; padding: 0; margin: 0;}
header{ padding: 15px; background:rgba(6,13,23,0.8); position: absolute; z-index: 1999; width: 100%;}
h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;}
a, a:hover, a:focus{ text-decoration: none;}
.top-header .navbar-nav{ margin:0 auto;}
.navbar-expand-lg .navbar-nav{margin: 0 auto; padding-top:8px;}
.top-header .bg-light {background:none !important; padding:0;}
.top-header.header.sticky{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; background:rgba(0,0,0,.80); padding:10px 0;}
.top-header header sticky a img{ height:80px; width:auto;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color:#fff;}
.navbar-light .navbar-nav .nav-link {color:#fff; font-size:16px; padding-left:15px; padding-right:15px; padding-top: 18px; text-transform: uppercase; font-weight: 400;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#ffc000; }
.readymade{background:#ffc000; border-radius:60px; padding:15px 30px; display:block; color:#220000; text-align: center; float: right; font-weight:600; font-size: 16px; width: 160px; text-transform: uppercase; transition: all 0.5s ease-in-out;}
.readymade:hover{background: #fff; text-decoration: none; color: #220000;}
.top-header a .navbar-brand{ display:none;}
.nav-item{ position: relative;}

.shahzad i{font-style: inherit;}

.main-banner{}
.main-banner .carousel-caption{bottom:inherit; top:25%;}
.main-banner h2{ font-weight: 400; font-size: 56px; color: #fff; text-transform: uppercase; line-height: 76px; text-align: center;}
.main-banner h2 span{ display: block; font-size: 97px; font-weight: 600;}
.banner-buttons{ text-align: center; padding-top:40px;}
.banner-buttons a{display: inline-block; background:#fff; padding: 15px 40px; font-size:16px; color: #041a3a; text-transform: uppercase; border-radius:60px; margin:0 10px; font-weight: 600;  transition: all 0.5s ease-in-out;}
.banner-bottons a:hover{background:#ffc000; color:#fff; transition: all 0.5s ease-in-out;}

.blue-box{ background:#0c1a2e;}
.ourwork h2{ font-size:32px; font-weight:500; margin-top: 15px; color:#fff; text-align: center;}
.ourwork .blue-your{background: #0c1a2e; padding:30px 30px 0 30px;}
.ourwork p{ font-size:16px; font-weight:400; margin-top:15px; color:#fff; padding-bottom: 50px; text-align: center;}
.com-img{ background:url(../images/Untitled-1.jpg) no-repeat center; background-size:cover;	}

.ourwork li{ font-size:50px; font-weight:600; color:#ffc000; display:block; text-align:center;}
.ourwork .border-left-nn{text-align:center; border-left: 1px solid#ccc; border-right: 1px solid#CCC;}
.ourwork li span{ font-size:18px; font-weight:300; color:#fff; display: block;}
.ourwork .susane-r{ background-color:#000; padding:0;}
.icon-pro-img{width: 90px; display: block; margin: 0 auto 20px;}
.ourwork .found-part{ width:auto; height:100%; text-align:center;}
.ourwork .carousel-caption{ background-color:#ffc000; position:absolute; right:0%; bottom:47px; padding:10px 0;}
.carousel-caption h3{ font-size:18px; font-weight:600; text-align:left; padding-left:20px; padding-bottom:8px; }
.carousel-caption h4{ font-size:15px; font-weight:100; text-align:left; padding-left:20px;}
.carousel-control-prev-icon { display: inline-block; width: 70px; height: 55px; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 55px; height: 54px; }
.ourwork .carousel.pointer-event{ height:100%;;}
.ourwork .carousel-inner{ height:100%; width:auto;}
.ourwork .carousel-item.active{ height:100%;}
.ourwork .carousel-control-prev-icon{ background:url(../images/slider-arrow-1.png) top center no-repeat; text-align:center;width:-webkit-fill-available; height: -webkit-fill-available;} 
.ourwork .carousel-control-next-icon{ background:url(../images/slider-arrow-2.png) top center no-repeat; width:-webkit-fill-available; height: -webkit-fill-available;  } 
.ourwork .carousel-control-prev{ left:205px; top:326px; z-index:99;}
.ourwork .carousel-control-next{ top:326px; z-index:99; right:8px;}
.found-part video{width: 100%; margin-top: -86px;}



.our-services { text-align:center; padding:80px 0;}
.our-services h6{ font-size:22px; font-weight:600; text-align:center; text-transform:uppercase; color:#ffc107; font-style:italic;}
.our-services h2{ font-size:32px; font-weight:600; text-align:center; text-transform:uppercase; color:#041a3a; padding:16px 0 80px;}
.our-services img{ height:70px; weight: auto; margin-top:50px;}
.our-services h4{ font-size:20px; font-weight:100px; text-transform:uppercase; padding:40px; text-height:50px;}
.our-services h4 span{ display:block; font-weight:600}
.our-services .services{ border:1px solid #CCC}
.our-services .top-border-nn{ border-top:none !important}
.our-services .left-border-nn{ border-left:none !important}
.our-services .right-border-nn{ border-right:none !important}
.our-services .border-bottom-nn{ border-bottom:none !important}
.our-services a{ background:#ffc000; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:250px; margin:60px auto 0; transition: all 0.5s ease-in-out;}
.our-services a:hover{ background-color:#930; color:#fff; transition: all 0.5s ease-in-out;}


.development{ padding:90px 0 110px 0; background:url(../images/development.jpg) top center no-repeat; background-size:cover; }
.development h2{ font-size:36px; font-weight:500; text-transform:uppercase; color:#fff; margin-bottom:30px;}
.development h2 span{ font-weight:300;}
.development .people{ background-color:#181a1a; padding:20px 0; margin-bottom:10px; background:rgba(0,0,0,0.4)}
.development .people img{ width:50px; float:left; margin:10px 15px; }
.development .people h4{ font-size:22px; font-weight:500; color:#fff;}
.development .people p{ font-size:15px; font-weight:400; color:#c8d2d8; margin:0; padding-top:3px; }
.development a{ background-color:#fff; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#000; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:180px; margin:20px 30px 0 0; transition: all 0.5s ease-in-out;}
.development a:hover{ background-color:#ffc000; color:#fff; transition: all 0.5s ease-in-out;}


.how-do-we-it{ background-color:#f8f9fa; text-align:center;}
.how-do-we-it .project{ background-color:#fff; padding:15px; margin-top:60px;}
.how-do-we-it h2{ font-size:36px; font-weight:600; text-align:center; color:#041a3a; text-transform:uppercase; padding-top:70px;}
.how-do-we-it img{ height:96px; weight:auto; margin:60px;}
.how-do-we-it h3{ font-size:20px; font-weight:600; text-align:center; color:#000; text-transform:uppercase;}
.how-do-we-it p{ font-size:16px; font-weight:400; text-align:center; color:#393c3f; padding-top:15px; margin-bottom:40px;}
.how-do-we-it a{ background-color:#ffc000; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:250px; margin:60px auto 75px; transition: all 0.5s ease-in-out;}
.how-do-we-it a:hover{ background-color:#930; color:#fff;}


.showcasing{ padding:90px 0;}
.showcasing h6{ font-size:20px; font-weight:600; text-align:center; color:#ffc107; text-transform:uppercase; font-style:italic; margin-bottom:10px;}
.showcasing h2{ font-size:30px; font-weight:600; text-transform:uppercase; text-align:center; color:#000;}
.showcasing p{ font-size:16px; font-weight:600; text-align:center; text-transform:uppercase; color:#46556c; margin:15px; padding-bottom:30px;}
.showcasing .get-job img{ width:650px;}
.web-design{ padding-left:17px;}
.web-design .img-v2{ float:left;}
.web-design h2{font-size:24px; color:#3d4c71; font-weight:500; padding-top:25px; text-transform:none; text-align:left;}
.web-design .img-v3{ padding:20px 0;} 
.web-design h3{ font-size:16px; color:#fba10e; font-weight:500;}
.happy-to-work{ background-color:#eef2f9; border-radius:5px;}
.happy-to-work p{ font-size:16px; font-weight:500; color:#454e67; text-align:left; text-transform:none; padding:15px;}
.web-design .img-v4{ float:left;}
.web-design h4{ font-size:15px; font-weight:300; color;#c3c1c1; margin-bottom:10px;}
.web-design h4 span{ font-size:17px; font-weight:500; color:#3d63af;  padding-left:10px;}
.showcasing .carousel-control-prev-icon{ background:url(../images/arrow-1.png) top center no-repeat; background-size:cover; text-align:center;}
.showcasing .carousel-control-prev-icon{ height:85px; width:40px;}
.showcasing .carousel-control-next-icon{ background:url(../images/arrow-2.png) top center no-repeat; background-size:cover; text-align:center;}
.showcasing .carousel-control-next-icon{ height:85px; width:40px;}
.showcasing .button{ position:relative; width:100%; top: -250px; right:-70px;}
.showcasing .carousel-control-prev{ left:-200px; margin:0; padding:0;}
.showcasing .carousel-control-next{ right:-2px; margin:0; padding:0; width: 40px;}
.showcasing a{ background-color:#ffc000; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:250px; margin:60px auto 0px; display:block; transition: all 0.5s ease-in-out;}
.showcasing a:hover{ background-color:#930; color:#fff; transition: all 0.5s ease-in-out;}


.feed-back{ background-color:#f8f9fa; padding::80px;}
.feed-back h2{ font-size:32px; font-weight:600; color:#3d4c71; padding-top:80px; text-align:center; }
.feed-back h6{ font-size:18px; font-weight:500; color:#3d4c71; font-style:italic; margin:12px; 0 80px; text-align:center; padding-bottom:30px;}
.feed-back .box-1{ background-color:#fff; width:250px; border-radius:5px; padding:15px;}
.box-1 img{ float:left; margin;15px 0 15px 15px;}
.box-1 h2{ font-size:24px; font-weight:800; color:#34a796; display:inline; padding-left:8px;}
.box-1 h2 span{ font-size:20px; font-weight:550; color:#000; display:block; text-align:left; padding-left:60px;}
.feed-back .we-served{ width:80%; text-align:center; margin:0 auto; position:relative; border:1px solid #CCC; margin:60px;}
.we-served h5{ background-color:#f8f9fa; font-size:20px; font-weight:500; color:#000; display:inline-block; position:absolute; left:25%; top:-12px; padding:0 25px;}
.we-served h5 span{ font-size:20px; font-weight:700; color:#34a778;}
.we-served .over-1{ margin:30px;}


.our-porfolio{ padding:80px 0; background:url(../images/section-3-main.jpg) top center no-repeat; background-size:cover; text-align:center;}
.our-porfolio h6{ font-size:20px; font-weight:600; text-align:center; color:#ffc107; text-transform:uppercase; font-style:italic;}
.our-porfolio h2{ font-size:36px; font-weight:600; text-align:center; color:#fff; text-transform:uppercase;}
.our-porfolio p{ font-size:15px; font-weight:400; text-align:center; text-transform:uppercase; color:#fff; font-style:italic; margin-bottom:30px;}
.our-porfolio .item{ width:100%; padding: 0 15px;}
.our-porfolio .view-button{ background-color:#fff; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#000; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:250px; margin:60px auto 0px; display:block; transition: all 0.5s ease-in-out;}
.our-porfolio .view-button:hover{ background-color:#ffc000; color:#fff;}
.our-porfolio .owl-carousel .owl-nav button.owl-prev{ background:url(../images/Arrow---www.png) no-repeat; width: 39px; font-size: 0; background-size: 39px 84px;	height: 100px; position:relative; right:65px; bottom: 317px;}
.our-porfolio .owl-carousel .owl-nav button.owl-next{ background:url(../images/Arrow---www-2.png) no-repeat; width: 39px; font-size: 0; background-size: 39px 84px;	height: 100px; position:relative; left: 1075px; bottom: 317px;}
.our-porfolio .owl-dots{ display:none;}
.our-porfolio .owl-theme .owl-nav{ position:absolute;}



.main-footer{ background:#01050a; padding:60px 0 40px;}
.main-footer p{ font-size:15px; font-weight:300; color:#fff; padding-top:30px; padding-right: 20px;}
.main-footer .message{ float:left; width:23px; margin:3px 8px 0 0;}
.main-footer h3{ font-size:15px; font-weight:300; color:#fff;}
.main-footer h2{ font-size:18px; font-weight:600; color:#fff; text-transform:uppercase; padding-left:30px;}
.main-footer ul{ list-style:none; padding:0; padding-top:30px; padding-right:60px; padding-left:30px;}
.main-footer ul li a{ text-decoration:none; font-size:15px; font-weight:300; color:#fff; line-height:28px;}
.main-footer ul li a:hover{ color:#ffc000; transition: all 0.5s ease-in-out;}
.main-footer img{ margin-right:10px;}
.main-footer .about-us{ padding-top:50px;}
.copy-right{ background:#050b13; padding:15px 0; margin-top:50px;}
.copy-right h4{ font-size:14px; font-weight:300; color:#8e8f91; text-align:center;}




.main-banner h3{ font-weight: 200; font-size: 32px; color: #fff; text-transform: uppercase; line-height: 54px; text-align: center;}
.main-banner h3 span{ display: block; font-size: 50px; font-weight: 600;}
.main-banner p{ font-size:16px; font-weight:400; color:#fff;}
.main-banner .quote-bot{ background:#fff; box-shadow:5px 20px 50px rgba(0,0,0,0.2); text-decoration:none; font-size:16px; font-weight:600; color:#000; text-transform:uppercase; padding:15px 30px; display:inline-block; border-radius:50px; text-align:center; width:215px; margin:5px auto 0; transition: all 0.5s ease-in-out;}
.main-banner a:hover{ background-color:#ffc000; color:#fff;}
.main-banner .carousel-caption{ top: 36%;} 


.designing { text-align:center; padding:80px 0;}
.designing h6{ font-family: 'Jost', sans-serif; font-size:40px; font-weight:600; text-align:center; color:#000; }
.designing h2{ font-family: 'Jost', sans-serif; font-size:16px; font-weight:500; text-align:center; text-transform:uppercase; color:#041a3a; padding:16px 20px 80px;}
.designing img{ height:70px; weight: auto; margin-top:50px;}
.designing h4{ font-family: 'Jost', sans-serif; font-size:20px; font-weight:600; padding:17px 0;}
.designing h3{ font-family: 'Jost', sans-serif; font-size:16px; color:#41474d; font-weight:400; padding-bottom:60px;}
.designing .services{ border:1px solid #CCC}
.designing .top-border-nn{ border-top:none !important}
.designing .left-border-nn{ border-left:none !important}
.designing .right-border-nn{ border-right:none !important}
.designing .border-bottom-nn{ border-bottom:none !important}
.designing .right-border-nn{ border-right:none !important}
.designing .border-bottom-nn{ border-bottom:none !important}




.inner-banner{ background:url(../images/hello-img.jpg) no-repeat top center; background-size:cover; padding:180px 0 120px;}
.inner-banner h3{ font-weight:600; font-size:60px; color: #fff; text-transform: uppercase; line-height: 100px; text-align: center;}
.inner-banner p{ font-size:16px; font-weight:300; text-align:center; color:#fff; line-height:24px;}
.inner-banner p span{display: block;}
.inner-banner .hello{ top:15px !important;}


.contact-us{ padding:40px 0; text-align:center; background-color:#f9fafb;}
.contact-us h2{ font-size:41px; font-weight:600; color:#000047; } 
.contact-us h2 span{ font-size:41px; font-weight:300;}
.contact-us h3{ font-size:16px; font-weight:400; color:#000047; padding-bottom:40px;}
.contact-us h3 span{ font-weight:600; }
.contact-us .not-form{ background-color:#fff; box-shadow: 0 20px 50px rgba(0,0,0,0.1); padding:40px; }
.not-form .form-group{ border-radius:80px; width:auto; margin-bottom: 15px; border:1px solid rgba(0,0,0,0.1); }
.contact-us .form-control{ font-size:16px; font-weight:400; color:#000; padding:25px 0 25px 40px; text-align:left; border-radius:4px; border:1px solid#aaa;}
.form-control:focus{ outline:none; box-shadow:none;}
.contact-us .user-img{width: 15px; float: left; margin-top: -33px; margin-left: 10px;}
.contact-us .form-trust{position: relative;}
.contact-us .form-img{width: 15px; position: absolute; top: 15px; left: 10px;}
.form-control textarea:focus, .form-trust textarea:focus-visible{ box-shadow:none; outline:none;}
.contact-us .message{ font-size:16px; font-weight:300; color:#000047; padding:25px 0 25px 80px; text-align:left; border-radius: 15px; border: none;}
.not-form .truly{ border:none; width:100%; border:1px solid#aaa; padding: 9px 0 0 40px; border-radius:4px;}
.pxl-must{ position:relative; bottom:125px; float:left; left:28px;}
.pxl-must img{ width:19px; margin-top: -26px; margin-left: -10px;}
.contact-us .summit{ border-radius:60px; text-decoration:none; font-size:16px; font-weight:600; color:#fff;
background-color:#ffc000; display:inline-block; text-transform:uppercase; padding:14px 40px; width:auto; margin:40px 0 0 0; float:left;}
.contact-us a:hover{ background-color:#900; color:#fff;}
.mail-boxis .brief-us{ background-color:#fff; box-shadow: 0 20px 50px rgba(0,0,0,0.1); padding:30px;}
.mail-boxis .brief-us-to{ background-color:#fff; box-shadow:0 20px 50px rgba(0,0,0,0.1); padding:30px; margin: 15px 0;}
.brief-us h2, .brief-us-to h4{ font-size:20px; font-weight:500; color:#07072b; padding-top: 10px;}
.brief-us p, .brief-us-to p{ font-size:16px; font-weight:300; color:#07072b; margin:0;}
.brief-us h3, .brief-us-to h5{ font-size:16px; font-weight:600; color:#07072b; padding:0;}
.brief{ margin-top:8px;}
.brief-box{ margin-bottom:8px;} 
.form-control placeholder{ color:#a3a3b2;}



body > .shadow-header{ padding: 15px; background:rgba(6,13,23,0.7); position:absolute; width:100%; top:0; left:0; }

.top-banner{ background:url(../images/top-banner-1.jpg) no-repeat  top center; padding:180px 0 120px; text-align:center; background-size:cover;}
.top-banner h3{ font-size:32px; font-weight:200; text-transform:uppercase; color:#fff;}
.top-banner h3 span{ font-size:47px; font-weight:600;}
.top-banner p{ font-size:16px; font-weight:400; text-transform:uppercase; color:#fff; padding-top:5px;}
.top-banner a{ font-size:16px; font-weight:600; color:#041a3a; text-transform:uppercase; text-decoration:none; width:200px; padding:15px 30px; display:inline-block; margin-top:15px; background:#fff; border-radius:60px; text-align:center;}
.top-banner a:hover{ background:#ffc000; color:#000;}


.work-banner{ background:url(../images/work-banner.jpg) no-repeat center; padding:180px 0 150px; text-align:center; background-size:cover;}
.work-banner h2{ font-size:48px; font-weight:400; color:#fff; padding-bottom:20px; line-height:54px;}
.work-banner h2 span{ font-weight:700;}
.work-banner p{ font-size:20px; color:#fff; margin-bottom:40px;}
.work-banner a{ width:250px; font-size:18px; font-weight:500; padding:15px 40px; text-decoration:none; background:#fff; color:#000; border-radius:60px; margin-top:20px;}
.work-banner a:hover{ background:#ffc000; color:#000;}

.interested-fact{ padding:40px 0; text-align:center; background:#fff;}
.interested-fact h2{ font-size:36px; font-weight:300; color:#000; text-align:center;}
.interested-fact h2 span{ font-weight:700;}
.interested-fact p{ font-size:20px; font-weight:300; color:#000; text-align:center; padding-bottom:25px;}
.interested-fact h3{ font-size:30px; font-weight:600; color:#000; text-align:center;}
.interested-fact h4{ font-size:18px; font-weight:300; color:#000; text-align:center; padding-bottom:40px;}
.interested-fact .cutomer{ border-right:1px solid rgba(0,0,0,0.1);}
.interested-fact .col-sm-4{ padding:0;}


.who-we-are{ padding:50px 0; background:#fff; border-top:1px solid#ddd;}
.who-we-are h2{ font-size:36px; font-weight:300; color:#000; text-align:center;}
.who-we-are h2 span{ font-weight:600;}
.who-we-are p{ font-size:20px; font-weight:300;color:#000; text-align:center;}
.who-we-are p span{ font-weight:500;}
.who-we-are h3{ font-size:16px; font-weight:300; line-height:24px; text-align:center; color:#000;}
.who-we-are h4{ font-weight:300; font-size:16px; line-height:24px; text-align:center; color:#000; padding-top:20px;}
.who-we-are h5{ font-size:16px; font-weight:300; line-height:24px; text-align:center; color:#000; padding-top:20px;}
.who-we-are h6{ font-size:16px; font-weight:300; line-height:24px; text-align:center; color:#000; padding-top:20px;}
.who-we-are h1{ font-size:16px; font-weight:300; line-height:24px; text-align:center; color:#000; padding-top:20px;}


.a-project{ background:rgba(6,13,23,0.03); padding-top:50px; margin-top:60px;}
.a-project h2{ font-size:36px; font-weight:300; line-height:40px; color:#000; padding-bottom:10px;}
.a-project h2 span{ font-weight:600;}
.a-project p{ font-size:18px; font-weight:300; color:#000; line-height:24px; padding-bottom:25px;}
.a-project .great-idea{ background:rgba(6,13,23,0.9); padding:50px 0 30px;}
.a-project .great-idea .by-malling{ background:rgba(6,13,23,1); padding:20px; border-radius:0 3px 3px 0; margin-bottom:20px; display:flex; border-left:4px solid#ffc000;}
.a-project .great-idea .by-malling:hover{ border-left:4px solid#fff;}
.a-project .great-idea .by-malling a{ text-decoration:none; font-size:14px; font-weight:300; color:#fff; line-height:26px; padding-left:15px;}
.a-project .great-idea .by-malling a span{ font-size:25px; font-weight:300; color:#ffc000;}
.a-project .great-idea .by-malling a:hover{}
.a-project .great-idea .by-malling img{ max-width:40px; max-height:38px; margin-top:10px;}
.a-project .great-idea .your-inquiry{ background:#fff; padding:50px 40px 70px; margin-top:-230px;}
.great-idea .your-inquiry .form-control{ padding:25px 35px; font-size:16px; margin-bottom:20px; color:#585858; border-radius:4px; border-color:#aaa;}
.form-control:focus{ border-color:rgba(0,0,0,0.2)}
.a-project .user-img{width: 15px; position: absolute; margin-top: 18px; margin-left: 10px;}
.your-inquiry .mess-age{ border-radius:4px; border:1px solid rgba(0,0,0,0.2); width:100%; font-size:16px; padding:11px 35px;}
textarea:focus-visible{ border:none; box-shadow:none; outline:none;}
.great-idea .your-inquiry .send-button{ font-size:16px; font-weight:600; padding:16px 40px; width:auto; text-align:center; background:#ffc000; border-radius:60px; border:none; margin-top:30px; text-transform:uppercase;}
.great-idea .your-inquiry .send-button:hover{ background:#930; color:#fff;}
button:focus-visible{ outline:none; box-shadow:none;}


#video-one{ width: 100%;}
.video-container{ position: absolute; top: 0; bottom: 0; width: 100%; height: 120%; overflow: hidden; z-index: -1;}
.section-hero > .container { z-index: 2; position: relative;}
.header50-percent > .container > .row h1{ font-size: 52px; letter-spacing: 0; font-weight: 300; color:#fff;}
.header50-percent > .container > .row h1 span{ font-size: 52px; letter-spacing: 0; font-weight: 600;}
.header50-percent > .container > .row p{ font-size:16px; color:#fff;}
#home-section{ position:relative; padding:220px 0 160px;}
.section-hero.overlay::before, .section-hero.overlay-2::before { z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}


.look-at{ background:#eef3fb; padding:60px 0 60px;}
.look-at h2{ font-size:36px; font-weight:600; text-transform:capitalize; text-align:center;}
.look-at p{ font-size:18px; font-weight:300; text-align:center; padding:10px 0 20px;}
.look-at .item-show{ display:block; position:relative; overflow:hidden; background:#000;}
.look-at .item-show span{ font-size:35px; color:#fff; position:absolute; top:50%; left:50%; z-index:3; display:none;}
.look-at .item-show:hover span{ display:block;}
.look-at .item-show:hover img{ opacity:0.5;}
.look-at a{ overflow:hidden;}
.look-at a img{ width:100%; transition:all ease-in-out .50s; max-width: 100%; height: auto;}
.look-at a img:hover{ transform: scale(1.05); transition: .3s all ease-in-out; }



.year-started{ padding:50px 0;}
.project-detail{ padding:15px 30px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1); border-radius:3px; margin-bottom:50px;}
.project-detail h2{ font-size:18px; font-weight:600; padding-bottom:10px; color:#3d4c71;}
.client-location{ max-height:30px;}
.project-detail p{ font-size:16px; font-weight:500; color: #3d4c71; padding-right: 10px; margin:0;}
.project-detail .client-location img{ float:left; margin:4px 10px 0 0;}

.rating-star span { background: #27aa76; display: inline-block; padding: 4px 6px 3px; color: #fff; line-height: 14px; float: left; margin-right: 5px; margin-top:5px;}
.rating-star img { width: auto; height: auto; float: left; padding: 0 1px; }
.year-started h3{ font-size:22px; font-weight:600;}
.year-started h4{ color: #545454; font-size:16px; line-height:24px;}

.keep-edit{ background: #27aa76;}
.keep-edit p{ color:#fff; font-size:18px; font-weight:400;}
.block__87154 .quotes{ transform: translateY(-150%); position:absolute;}
.block__87154{  position: relative; border-radius:6px;  padding:30px;}
.block__87154 :last-child{ margin-bottom:0;}

.person{ max-width: 40px; border-radius: 50%; margin: 0px; padding: 0; margin-bottom:0;}
.block__87154 .block__91147 h3{ font-size:16px; padding:0; margin:0;}
.block-91147 h5{ color:#fff; font-size:18px;}
.jm-sticky-top{ position: sticky; top: 2em;}


.tech-banner{ background:url(../images/tech-main-banner.jpg) no-repeat top center; background-size:cover; padding:180px 0 120px; text-align:center;}
.tech-banner h2{ font-size:56px; color:#fff; font-weight:300;}
.tech-banner h2 span{ font-size:56px; font-weight:600;}
.tech-banner p{ font-size:18px; font-weight:400; color:#fff; padding-top:10px;}
.tech-banner a{ font-size:16px; font-weight:600; background:#fff; color:#000; padding:15px 30px; text-decoration:none; display:inline-block; width:220px; border-radius:60px; margin-top:8px;}
.tech-banner a:hover{ background:#ffc000; color:#000;}


.backent{ text-align:center; padding:60px 0 0;}
.backent h2{ font-family: 'Jost', sans-serif; font-size:40px; font-weight:600; text-align:center; color:#000; padding-bottom:60px;}
.backent .note-js img{ height:70px; weight: auto; margin-top:50px;}
.backent h4{ font-family: 'Jost', sans-serif; font-size:20px; font-weight:600; padding:17px 0;}
.backent h3{ font-family: 'Jost', sans-serif; font-size:16px; color:#41474d; font-weight:400; padding-bottom:60px;}
.backent .note-js{ border:1px solid #ccc}
.backent .top-border-nn{ border-top:none !important}
.backent .left-border-nn{ border-left:none !important}
.backent .right-border-nn{ border-right:none !important}
.backent .border-bottom-nn{ border-bottom:none !important}
.backent .right-border-nn{ border-right:none !important}
.backent .border-bottom-nn{ border-bottom:none !important}

 
.carrer-banner{ background:url(../images/carrer-banner.jpg) no-repeat top center;background-size:cover; padding:160px 0; text-align:center;}
.carrer-banner h2{ font-size:20px; font-weight:400; color:#fff; line-height:50px; text-transform:uppercase;}
.carrer-banner h2 span{ font-size:55px; font-weight:600; color:#fff; text-transform:none;}
.carrer-banner p{ font-size:18px; font-weight:400; color:#fff;}

.form-carrer{ background:url(../images/carrer-form.jpg) 100% no-repeat fixed; height:auto; background-size:cover; padding:60px 0;}
.form-carrer h2{ font-size:40px; font-weight:300; color:#000;}
.form-carrer h2 span{ font-weight:600;}
.form-carrer p{ font-size:15px; font-weight:400; color:#000; padding-bottom:20px;}
.form-carrer .card{ background:rgba(255,255,255,0.90); padding:10px 20px; border-radius:3px;}
.form-carrer .card-header{ background:none;}
.form-carrer .btn:not(:disabled):not(.disabled){ font-size:16px; font-weight:500; color:#000; text-decoration:none;}
.hire-arrow{ width:20px; margin-bottom:8px; margin-right:10px;}
.btn.focus, .btn:focus{ box-shadow:none;}
.card-header{ border:none; padding:0;}
.card-body{ font-size:16px;font-weight:400; color:#000; line-height:20px; border-top:1px solid#ccc;}
.card-body h3{ font-size:15px; font-weight:300; color:#000; padding-left:30px;}
.card-body h4{ font-size:16px; font-weight:500; color:#000; padding:20px 0;}
.card-body h6{ font-size:14px; font-weight:500; color:#000; padding:20px 0; text-align:right;}
.card-body h6 span{ font-weight:300;}
.card-body h5{ font-size:19px; font-weight:400px; padding:15px 0 10px;}
.yellow-right{ margin-right:7px; width:18px; margin-top:-45px;}
.btn-link{ background:url(../images/circle.png) no-repeat top right;}
.btn-link.collapsed{ background:url(../images/plus-arrow.png) no-repeat top right;}
.card-body a{ text-decoration:none; font-size:15px; font-weight:600; display:block; padding:15px 30px; width:190px; text-align:center; background:#ffc000; color:#000; border-radius:60px; margin-top:20px;}
.card-body a:hover{ background:#000; color:#fff;}
.navbar-light .navbar-brand{display: none;}


.dropdown-menu{ padding:0;}

 


	



@media (max-width:767px) {

header{position: inherit; background: rgba(6,13,23,1);}
.navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color:#fff; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: .25rem;}
.top-header .logo-images{ display:none;}	
.top-header .navbar-brand{ display:block;}
.navbar-light .navbar-toggler{}
.top-header .discuss{display: none;}
.main-banner .carousel-caption { top: 17%; }	
.phone{ padding-right:36px; padding-top:30px;}
.readymade{background:#ffc000; border-radius:60px; padding:15px 30px; display:block; color:#220000; width:100%; text-align: center; float: right; font-weight:500;}
.readymade:hover{background: #fff; text-decoration: none; color: #220000;}
.top-header img{ width:150px;}
.navbar-light .navbar-toggler{ float:right;}
.top-header .navbar-collapse{background: none;}
.top-header .bg-light{ padding-bottom:15px;} 
.navbar-light .navbar-nav .nav-link{ border-bottom:1px solid rgba(0,0,0,0.1);}
.navbar-expand-lg .navbar-nav{ padding:0;}

.carousel-caption h{ font-size:14px;}

.main-banner h2 { font-weight: 300px; font-size: 15px; olor: #fff; text-transform: uppercase; line-height:30px ; text-align: center; }
.main-banner h2 span { display: block; font-size: 28px; font-weight: 600;}
.main-banner a{ background-color: #fff; box-shadow: 5px 20px 50px rgba(0,0,0,0.2); text-decoration: none; font-size: 10px; font-weight: 600; color: #000; text-transform: uppercase; padding: 8px 20px; display: inline-block; border-radius: 50px; text-align: center; width: 100px; margin: 20px 10px 0 0; position:relative; bottom:48px;}
.main-banner a:hover{ background:#ffc000; color:#fff;}

.ourwork .blue-your{ padding:30px;}
.ourwork h6 { font-size: 22px; font-weight: 300px; margin-top: 40px; color: #fff; text-align:left; margin:0;}
.ourwork p { font-size: 14px; font-weight: 200; margin-top: 15px; color: #fff; text-align:left;}
.ourwork ul{ margin:0; }
.ourwork ul li { font-size: 25px; font-weight: 600; color: #ffc107; display: block; text-align: left; margin: 30px 0 0;}
.ourwork li span { font-size: 18px; font-weight: 300; color: #fff; padding-left:20px;}
.carousel-caption h3{ font-size: 16px; font-weight: 600; text-align: left; padding-left: 15px; padding-bottom: 8px; }
.carousel-caption h4{ font-size: 10px; font-weight: 200; text-align: left; padding-left: 16px }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 50px; height: 50px;}
.ourwork .carousel-control-prev{ left: 260px; top: 522px; z-index: 99; }
.ourwork .carousel-control-next{ top:522px; right:8px;}
.ourwork .com-img{ display:none;}
video{ width: 100%;}


.our-services {text-align: center; padding: 30px 10px 0 10px;}
.our-services img { height: 40px; weight: auto;  margin-top: 50px;}
.our-services h4 { font-size: 12px; font-weight: 100px; text-transform: uppercase; padding: 20px; text-height: 50px;}
.our-services h6 { font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; color: #ffc107; font-style: italic; }
.our-services h2 { font-size: 13px; font-weight: 600; text-align: center; text-transform: uppercase; color: #041a3a; padding: 5px 5px 30px 5px;}
.our-services .right-border-nn{ border-right:none;}
.our-services a{ background: #ffc000; box-shadow: 5px 20px 50px rgba(0,0,0,0.1); text-decoration: none; font-size: 10px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 10px; display: inline-block; border-radius: 50px; text-align: center; width: 150px; margin: 20px auto 60px;}
.our-services a:hover{ background-color:#633; color:#fff; }

.our-services .moblie-bottom-brd { border-bottom:1px solid #CCC !important}


.development { padding: 90px 15px 110px 15px; background: url(../images/development.jpg) top center no-repeat; background-size: auto; background-size: cover;  }
.development h2 { font-size: 22px; font-weight: 500; text-transform: uppercase; color: #fff  margin-bottom: 30px;}
.development .people p { font-size: 9px; font-weight: 300; color: #c8d2d8; margin: 0; padding-top: 3px;}
.development .people img { width: 38px; float: left; margin: 10px 15px; }
.development a{ background-color: #fff; box-shadow: 5px 20px 50px rgba(0,0,0,0.2); text-decoration: none; font-size: 10px; font-weight: 600; color: #000; text-transform: uppercase; padding: 13px 29px; display: inline-block; border-radius: 50px; text-align: center; width: 130px; margin: 20px 10px 0 0;}
.development a:hover{ background:#ffc000; color:#fff;}

.how-do-we-it { background-color: #f8f9fa; text-align: center; padding: 0 30px; }
.how-do-we-it h2 { font-size: 22px; font-weight: 600; text-align: center; color: #041a3a; text-transform: uppercase; padding-top: 40px;}
.how-do-we-it .project { background-color: #fff; padding: 15px; margin-top: 40px;}
.how-do-we-it img { height: 50px; weight: auto; margin: 20px;}
.how-do-we-it h3 { font-size: 15px; font-weight: 600; text-align: center; color: #000; text-transform: uppercase;}
.how-do-we-it p { font-size: 9px; font-weight: 200; text-align: center; color: #393c3f; padding-top: 15px; margin-bottom: 10px; }
.how-do-we-it a { background: #ffc000; box-shadow: 5px 20px 50px rgba(0,0,0,0.1); text-decoration: none; font-size: 10px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 10px; display: inline-block; border-radius: 50px; text-align: center; width: 150px; margin: 20px auto 60px;}

.our-porfolio { padding: 36px 0;}
.our-porfolio p { font-size: 9px; font-weight: 400; text-align: center; text-transform: uppercase; color: #fff; font-style: italic; margin-bottom: 30px;}
.our-porfolio h2 { font-size: 15px; font-weight: 600; text-align: center; color: #fff; text-transform: uppercase;}
.our-porfolio h6 { font-size: 10px; font-weight: 600; text-align: center; color: #ffc107; text-transform: uppercase; font-style: italic;}
.our-porfolio a { background: #fff; box-shadow: 5px 20px 50px rgba(0,0,0,0.1); text-decoration: none; font-size: 10px; font-weight: 600; color: #000; text-transform: uppercase; padding: 12px 10px; display: inline-block; border-radius: 50px; text-align: center; width: 150px; margin: 30px auto 60px;}
.our-porfolio .owl-carousel .owl-nav button.owl-prev{ left: 65px; top:18px; width:15px; background-size: 15px 35px; height: 100px; position: relative;}
.our-porfolio .owl-carousel .owl-nav button.owl-next{ left:270px; top:18px; width:15px; background-size: 15px 35px; height: 100px; position: relative;}


.showcasing { padding: 30px 0;}
.showcasing h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; text-align: center; color: #000;}
.showcasing p { font-size: 8px; font-weight: 600; text-align: center; text-transform: uppercase; color: #46556c; margin: 5px; padding-bottom: 15px;}
.showcasing h6 { font-size: 10px; font-weight: 600; text-align: center; color: #ffc107; text-transform: uppercase; font-style: italic; margin-bottom: 10px;}
.showcasing .get-job img { width: 320px; margin: 0 20px;}
.web-design .img-v3 { padding: 10px 0; width: 100px;}
.web-design h2 {font-size: 15px; color: #3d4c71; font-weight: 500; padding-top: 25px; text-transform: none; text-align: left; position: relative;
bottom: 16px; left: 10px;}
.web-design .img-v2 { float: left; width: 25px;}
.web-design h3 { font-size: 10px;}
.showcasing a { background-color: #ffc000; box-shadow: 5px 20px 50px rgba(0,0,0,0.2); text-decoration: none; font-size: 10px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 15px; display: inline-block; border-radius: 50px; text-align: center; width: 150px; margin: 21px auto 0px; display: block;}
.showcasing a:hover{ background-color:#603; color:#fff;}
.showcasing .button{ width:100%; position: initial;}
.showcasing .carousel-control-prev { left: 40px; margin: 0; padding: 0; top: 504px; }
.showcasing .carousel-control-prev-icon { height: 30px; width: 14px;}
.showcasing .carousel-control-next-icon { height: 30px; width: 14px; }
.showcasing .carousel-control-next { right: 50px; margin: 0; padding: 0; width: 40px; top: 500px;}


.feed-back { padding:15px;}
.feed-back h2 { font-size: 16px; padding-top: 30px;}
.feed-back h6 { font-size: 9px; margin: 3px;}
.feed-back .box-1 { background-color: #fff; width: 147px; margin-bottom: 40px;}
.box-1 img { float: left; width: 35px;}
.box-1 h2 span { font-size: 10px;   padding-left: 41px;}
.feed-back .box-1h2 { font-size: 15px; font-weight: 800; color: #34a796; display: inline; padding-left: 8px;}
.container{ margin:0;}
.we-served h5 { background-color: #f8f9fa; font-size: 10px; font-weight: 500; color: #000; display: inline-block; position: absolute; left: 9%; top: -12px; padding: 0 25px; }
.feed-back .we-served { width: 100%; text-align: center; margin: 0 auto; position: relative; border: 1px solid #CCC; margin: 60px; margin: 30px 0 } 
.we-served h5 span { font-size: 12px; font-weight: 700; color: #34a778;}
.we-served .over-1 { margin: 30px; width: 90px; }


.main-footer{ padding:60px 15px 40px;}
.main-footer h3{ font-size:13px;}
.main-footer p{ font-size:13px;} 
.main-footer h2{ padding:0; padding-top:30px; font-size:15px;}
.main-footer ul li a{ font-size:12px; line-height:18px;}
.main-footer ul{ padding-left:0; padding-top:10px;}
.main-footer .about-us{ padding:0; margin:0;}
.copy-right{ padding:10px 0;}
.copy-right h4{ font-size:10px;}
.quick-link h4 { font-size: 18px; font-weight: 600px; text-transform: uppercase; color: #fff; padding: 27px 0 20px; }
.copy-right p { font-size: 9px; color: #696d71; font-weight: 300; text-align: center; padding: 0px 47px; }




.inner-banner{ padding:40px 0;}
.inner-banner p{ padding:0; font-size: 10px; line-height:15px; margin:0; margin-top:-30px;}
.inner-banner h3{ font-size:26px; margin-top:-30px;}

.contact-us h2{ font-size:16px;}
.contact-us h2 span{ font-size:25px;}
.contact-us h3{ font-size:10px; padding-top:5px;}
.form-group img{ width:15px; bottom:28px; padding:0; margin-left:15px;}
.contact-us .form-control{ font-size:12px; padding-left:50px;}
.pxl-must img{ margin-top:35px; margin-left:-13px; width:18px;}
.not-form .truly{ padding-left:50px; font-size:12px;}
.contact-us .form-control{ padding:20px 0 20px 50px;}
.contact-us .summit{ padding:10px 20px; font-size:12px; width: 100px;}

.mail-boxis .brief-us{ margin-left:20px; margin-right:20px;}
.mail-boxis .brief-us-to{ margin:20px;}
.contact-us .not-form{ margin-bottom:40px;}
.brief-us p, .brief-us-to p{ font-size:14px;}
.brief-box{ width:20px;}
.brief{ width:22px;}



body > .shadow-header{ padding:15px; background:rgba(6,13,23,0.9); position:unset;}
.top-banner{ padding:40px 0;}
.top-banner h3{ font-size:16px;}
.top-banner h3 span{ font-size:18px;}
.top-banner p{ font-size:10px;}
.top-banner a{ font-size:14px; width:150px; padding:10px 20px; margin-top:0;}


.designing h2{ font-size:10px; padding:5px 0 30px;}
.designing{ padding:50px 0 0;}
.designing h6{ font-size:25px;}
.designing img{ height:40px; margin-top:40px;}
.designing h4{ font-size:15px;}
.designing h3{ font-size:12px; padding-bottom:40px;}
.our-services .border-bottom-nn{ border-bottom:none !important}
.designing .right-border{ border-right:1px solid #ccc !important;}
.designing .border-bottom{ border-bottom:1px solid #ccc !important;} 
.designing .provides{ display:none !important;}


.make-our{ padding-bottom:50px;}


.work-banner{ padding:54px 0;}
.work-banner h2{ font-size:21px; line-height:25px; padding-bottom:8px;}
.work-banner p{ font-size:12px; line-height:18px; margin-bottom:20px;}
.work-banner a{ padding:12px 30px; font-size:14px; margin-top:10px; }


.interested-fact{ padding:40px 0;}
.interested-fact h2, .who-we-are h2, .a-project h2{ font-size:25px; line-height:30px;}
.interested-fact p, .a-project p{ font-size:14px; margin:0; line-height:18px;}
.interested-fact h3{ font-size:18px;}
.interested-fact h4{ font-size:10px; padding:0;}
.who-we-are h3{ font-size:14px;}
.who-we-are p, .who-we-are h4, .who-we-are h6, .who-we-are h1{ font-size:14px;}

.a-project .great-idea .by-malling a{ font-size:12px;}
.a-project .great-idea .by-malling a span{ font-size:18px;}
.great-idea .your-inquiry .form-control{ font-size:12px; padding:15px 20px;}
.a-project .great-idea .your-inquiry{ padding:40px 30px 60px; margin-top:30px;}
.your-inquiry .mess-age{ font-size:12px; padding-top:10px;}
.great-idea .your-inquiry .send-button{ font-size:14px; padding:12px 30px;}


#home-section{ padding:44px 0;}
.header50-percent > .container > .row h1{ font-size:30px;}
.header50-percent > .container > .row h1 span{ font-size:30px;}

.look-at{ padding:40px 0 40px;}
.look-at h2{ font-size:25px;}
.look-at p{ font-size:14px;}

.header50-percent > .container > .row p{ font-size:10px;}
.project-detail h2{ font-size:15px; padding:20px 0 6px;}
.project-detail p{ font-size:15px;}
.year-started h3{ padding-top:40px;}


.tech-banner{ padding:60px 0;}
.tech-banner h2{ font-size:30px;}
.tech-banner h2 span{ font-size:30px;}
.tech-banner p{ font-size:12px; padding-top:5px;}
.tech-banner a{ font-size:12px; padding:12px 20px; width:160px; margin-top:3px;}


.backent{ padding:60px 0 0;}
.backent h2{ font-size:30px; padding-bottom:40px;}
.backent .note-js img{ height:40px; margin-top:40px;}
.backent h4{ font-size:16px;}
.backent h3{ font-size:12px; padding-bottom:40px;}
.backent .right-border-nn{ border-right:1px solid#ccc !important;}
.backent .border-bottom{ border-bottom:1px solid#ccc !important;}


.carrer-banner{ padding:25px 0; background:url(../images/carrer-banner-2.jpg) no-repeat top center; background-size:cover;}
.carrer-banner h2{ font-size:12px; line-height:30px;}
.carrer-banner h2 span{ font-size:30px;}
.carrer-banner p{ font-size:12px;}

.form-carrer{ background:url(../images/phone-carrer-form.jpg) 91% no-repeat fixed; height:auto; background-size:cover;}
.form-carrer h2{ font-size:25px;}
.form-carrer p{ font-size:12px;}
.form-carrer .btn:not(:disabled):not(.disabled){ font-size:12px;} 
.card-body h4{ font-size:11px;}
.card-body h6{ font-size:11px;}
.card-body h3{ font-size:10px;}
.card-body a{ font-size:10px; padding:8px 20px; width:130px;}




}

@media (min-width:768px) and (max-width:991px) {
	

.top-header img{ width:130px; margin: 5px 0 0;}
.readymade{ width:140px; font-size:9px; padding:10px 20px;}
.navbar-light .navbar-nav .nav-link{ font-size:10px; padding-left:8px; padding-right:8px; padding-top:10px;}
.navbar-expand-md .navbar-nav{ margin:0 auto;}


.main-banner h2{ font-size:30px; font-weight:300; line-height:50px;}
.main-banner h2 span{ font-size:50px;}
.banner-buttons{ padding-top:20px;}
.banner-buttons a{ padding:10px 30px; font-size:14px; margin:0 6px;}
.main-banner .carousel-caption{ top:26%;}


.ourwork h6{ font-size:14px;}
.ourwork p{ font-size:12px;}


.our-services{ padding:40px 0;}
.our-services h6{ font-size:18px;}
.our-services h2{ font-size:22px; padding:10px 0 40px;}
.our-services img{ height:40px; margin-top:30px;}
.our-services h4{ font-size:12px; text-align:center; padding:20px 0;}
.our-services a{ font-size:12px; width:180px; padding:10px 20px; margin-top:40px;}


.development{ padding:40px 0;}
.development h2{ font-size:21px;}
.development .people img{ width:30px;}
.development .people h4{ font-size:16px;}
.development .people p{ font-size:10px;}
.development a{ width:150px; font-size:12px; padding:12px 20px; margin-top:15px;}


.how-do-we-it h2{ font-size:25px; padding-top:40px;}
.how-do-we-it img{ height:50px; margin:20px 0;}
.how-do-we-it .project{ margin-top:40px;}
.how-do-we-it h3{ font-size:14px;}
.how-do-we-it p{ font-size:10px; padding-top:10px; margin-bottom:20px;}
.how-do-we-it a{ font-size:12px; width:180px; padding:10px 20px; margin-top:30px; margin-bottom:40px;}


.our-porfolio{ padding:40px 0;}
.our-porfolio h6{ font-size:14px;}
.our-porfolio h2{ font-size:22px;}
.our-porfolio p{ font-size:12px;}
.our-porfolio .owl-carousel .owl-nav button.owl-prev{ width:25px; background-size:25px 50px; height:90px; right:50px; bottom:210px;}
.our-porfolio .owl-carousel .owl-nav button.owl-next{ width:25px; background-size:25px 50px; height:90px; left:668px; bottom:210px;}
.our-porfolio a, .showcasing a { padding:12px 30px; width:220px; font-size:14px; margin-top:40px;}

.showcasing{ padding:40px 0;}
.showcasing h6{ font-size:14px;}
.showcasing h2{ font-size:18px;}
.showcasing p{ font-size:12px; padding-bottom:20px; padding-top:8px; margin:0;}
.showcasing .get-job img{ width:390px;}
.web-design .img-v2{ width:30px; margin-right:5px;}
.showcasing h2{ font-size:14px; padding-top:13px; padding-left:5px;}
.web-design .img-v3{ width:130px;}
.web-design h3{ font-size:12px; padding-bottom:8px;}
.showcasing p{ font-size:9px;}
.happy-to-work{ margin-bottom:10px;}
.web-design .img-v4{ width:18px;}
.web-design h4 span{ font-size:14px;}
.web-design h4{ font-size:10px;}
.showcasing .carousel-control-next-icon{ height:55px; width:25px;}	
.showcasing .carousel-control-next{ right:13px; top:75px;}
.showcasing .carousel-control-prev-icon{ height:55px; width:25px;}
.showcasing .carousel-control-prev{ left:-154px; top:75px;}

.feed-back h2{ font-size:22px; padding-top:40px;}
.feed-back h6{ font-size:14px; margin:0; padding-top:8px;}
 .feed-back h2{ font-size:14px;}
.box-1 h2 span{ font-size:10px; padding-left:50px;}
.box-1 img{ width:45px;}
.feed-back .box-1{ width:auto; padding:10px; margin:0 10px;}
.feed-back .col-md-3{ padding:0;}
.we-served h5{ font-size:12px;}
.we-served h5 span{ font-size:14px;}
.we-served .over-1{ width:120px;}
.feed-back .we-served{ margin-bottom:40px;}


.main-footer{ padding:40px 0;}
.main-footer .logo{ width:200px;}
.main-footer p{ font-size:13px;}
.main-footer h3{ font-size:12px;}
.main-footer h2{ font-size:12px;}
.main-footer ul li a{ font-size:12px;}
.main-footer ul{ padding:12px 0 0 30px;}
.main-footer .about-us{ padding-top:25px;}
.copy-right{ margin-top:35px;}
.copy-right h4{ font-size:10px;}




.work-banner h2{ font-size:30px; line-height:38px; padding-bottom:5px;}
.work-banner p{ font-size:13px; margin-bottom:35px;}
.work-banner a{ font-size:14px; padding:12px 40px;}	

.interested-fact h2, .who-we-are h2, .a-project h2{ font-size:26px; line-height:32px;}
.interested-fact p, .who-we-are p, .a-project p{ font-size:14px; margin:0; line-height:20px;}
.interested-fact h3{ font-size:22px;}
.interested-fact h4{ font-size:13px; padding-bottom:0;}
.who-we-are h3{ padding-top:10px; font-size:12px; line-height:18px;}
.who-we-are h4, .who-we-are h5, .who-we-are h6, .who-we-are h1{ font-size:12px; line-height:18px;}


.a-project{ padding:40px 0 0;}
.a-project .great-idea .by-malling a{ font-size:10px; line-height:20px;}
.a-project .great-idea .by-malling{ padding:14px;}
.a-project .great-idea .by-malling a span{ font-size:13px;}
.a-project .great-idea .by-malling img{ max-width:25px; max-height:22px;}
.great-idea .your-inquiry .form-control{ padding:15px 15px; font-size:12px;}
.your-inquiry .mess-age{ font-size:12px; padding: 8px 16px;}
.great-idea .your-inquiry .send-button{ font-size:12px; padding:10px 30px; margin-top:25px;}
.a-project .great-idea .your-inquiry{ margin-top:-170px;}


.top-banner h3{ font-size:22px;}
.top-banner h3 span{ font-size:25px;}
.top-banner p{ font-size:10px;} 
.top-banner a{ font-size:14px; padding:12px 30px; width:190px;}


.designing{ padding:40px 0;}
.designing h6{ font-size:25px;}
.designing h2{ font-size:11px; line-height:15px; padding:0; padding-top:8px; padding-bottom:40px;}
.designing img{ height:40px; margin-top:30px;}
.designing h4{ font-size:15px; padding-bottom:14px;}
.designing h3{ font-size:12px; padding-bottom:30px;}


#home-section{ padding:134px 0;}
.header50-percent > .container > .row h1{ font-size:36px;}
.header50-percent > .container > .row h1 span{ font-size:36px;}
.header50-percent > .container > .row p{ font-size:13px; padding-top:7px;}
.project-detail h2{ font-size:16px;}
.project-detail p{ font-size:14px; padding-right:0;}


.tech-banner h2{ font-size:38px;}
.tech-banner h2 span{ font-size:38px;}
.tech-banner p{ font-size:14px; padding-top:6px;}
.tech-banner a{ font-size:14px; padding:12px 20px; width:180px; margin-top:4px;}	


.backent h2{ font-size:32px; padding-bottom:50px;}
.backent .note-js img{ height:45px; margin-top:40px;}	
.backent h4{ font-size:16px;}
.backent h3{ font-size:13px; padding-bottom:40px;}


.inner-banner h3{ font-size:38px;}
.inner-banner p{ font-size:12px; padding:0; line-height:18px;}


.contact-us h2{ font-size:35px;}
.contact-us h2 span{ font-size:35px;} 
.contact-us h3{ font-size:14px; padding-top:8px;}
.contact-us .form-control{ font-size:14px; padding: 20px 0 20px 30px;}
.form-group img{ width:12px; padding-left:0; left:10px; bottom:25px;}
.pxl-must img{ width: 13px; margin-top: 140px; margin-left: -25px; }
.not-form .truly{ font-size:14px; padding-left:30px;}
.brief-us h4{ font-size:13px;}
.brief-us h5{ font-size:12px;}
.brief-us p, .brief-us-to p{ font-size:10px;}	
.brief-box{ width:20px;}
.brief-us-to h4{ font-size:13px;}
.brief{ width:20px; margin-bottom:8px;}
.contact-us .summit{ font-size:14px; padding:10px 30px; margin-top:20px;}


.com-img{ display:none;}
.ourwork .carousel-control-prev{ left:280px;}

}


@media (min-width:1600px) and (max-width:1800px) {
	
.ourwork h2{font-size: 40px;}
.ourwork p{font-size: 20px; padding-top: 10px;}
.ourwork li span{font-size: 20px;}
.ourwork .carousel-control-prev{top: 475px; left: 270px;}
.ourwork .carousel-control-next{top: 475px;}
	
	
	
}

@media (min-width:1200px) and (max-width:1500px) {

.navbar-light .navbar-nav .nav-link{padding-top: 15px;}    

.main-banner h2{font-size: 40px; line-height: 65px;}    
.main-banner h2 span{font-size: 80px;}
.banner-buttons{padding-top: 30px;}

.ourwork h2{margin: 0;}
.ourwork li{font-size: 40px;}
.ourwork li span{font-size: 16px;}
.ourwork p{padding-bottom: 20px;}
.icon-pro-img{width: 60px; margin-bottom: 10px;}
.ourwork .carousel-control-prev-icon, .ourwork .carousel-control-next-icon{background-size: contain;}
.ourwork .carousel-control-prev{top: 302px; left: 195px;}
.ourwork .carousel-control-next{top: 302px;}

.our-porfolio .owl-carousel .owl-nav button.owl-prev{right: 42px;}
.our-porfolio .owl-carousel .owl-nav button.owl-next{left: 1054px;}
.showcasing .carousel-control-prev-icon, .showcasing .carousel-control-next-icon{height: 70px; width: 30px;}
.showcasing .carousel-control-prev{left: -178px;}
.showcasing .carousel-control-next{right: 26px;}


}

@media (min-width:1801px) {

.navbar-light .navbar-nav .nav-link{padding-top: 15px;}

.ourwork h2{font-size: 52px;}
.ourwork p{font-size: 22px; padding-top: 10px; padding-bottom: 70px;} 
.ourwork li{font-size: 60px;}
.ourwork li span{font-size: 22px;}
.ourwork .carousel-control-prev{top: 565px; left: 315px;}
.ourwork .carousel-control-next{top: 565px;}


}