@import url('https://fonts.googleapis.com/css?family=Poppins:200,400,500,600,700&display=swap');
html, body{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body{font-size: 15px;color:#333;font-family: 'Poppins',Arial, Helvetica, sans-serif;font-weight: 400;}
a{text-decoration: none;transition: all 0.3s;}
ol, ul {list-style: none;margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img{max-width:100%; height:auto;}
p{margin-bottom: 20px; line-height: 25px;}
p.special{font-size: 18px;line-height: 28px;}
h1{font-size: 60px;font-weight: 700;}
h2,h3,h4,h5,h6{font-weight: 600;margin-bottom: 20px;}
h2{font-size: 40px;}
h3{font-size: 30px;line-height: 40px;}
h4{font-size: 20px;line-height: 30px;}
h5{font-size: 18px;}
h6{font-size: 18px;}
.btn{font-size: 15px;font-weight: 600;border-radius: 50px;background:transparent;height: 45px;line-height: 42px;padding: 0 40px;text-transform: uppercase; display: inline-block;color: #F15927;position: relative;overflow: hidden;z-index: 1000;transition: all .5s;border:2px solid #F15927;}
.btn-trans{border:2px solid #F15927; color: #F15927; background: transparent;}
.btn-black{background:#363636;border:2px solid #363636; color: #FFF;}
.btn:hover{color: #FFF;border:2px solid #F15927;}
.btn:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #F15927; color: #FFF;border-radius: 50px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;z-index: -1;}
.btn:hover:after{width: 100%;}
.btn.focus, .btn:focus,a:focus ,button:focus{outline: 0;box-shadow:none;}
.btn~.btn{margin-left: 5px;}
::selection{background:#F15927;color:#FFF}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
::-webkit-scrollbar-thumb{background:#F15927;border-radius:10px}
section{padding: 60px 0;}
h2{position: relative;display: inline-block;margin-bottom: 35px;}
h2:before{background:#F15927; height: 4px; position: absolute; left: 3px; bottom: -6px;content:'';width: 50%;}
:focus,:active{outline: none;}
.industries-serve .slick-slide{height: auto;}

/*--------------------*/
header{position: absolute;width:100%;top: 0;margin: 0 auto;right: 0;left: 0;z-index: 100;}
header.sticky .header-top{display: none;}
header.sticky{position: fixed;background: #333;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);z-index: 100000;}
header.sticky .nav-contain{margin: 0;}
header.sticky .logo { width: 160px;}
header.sticky .main-nav{font-size: 14px;}
header.sticky .main-nav a.btn{line-height: 28px;font-size: 13px;height: 32px;}
header .container{display: flex;justify-content: space-between;align-items: center;}
.header-top{background:#363636;height: 38px;color:#FFF;display: flex;line-height: 38px; padding: 0 8px;justify-content: space-between;font-size: 13px;margin-bottom:15px;}
.logo{width: 250px;}
.header-top a{color: #FFF;text-decoration: none;}
.header-top a:hover{color: #F15927;}
.header-top ul{display: flex; opacity: 0.8;}
.header-address li{margin: 0 7px;}
.header-top li i{margin-right:5px;}
.header-social{font-size: 15px;position: relative;padding-left: 10px;}
.header-social:before{border-left: 1px solid #FFF;content:'';position: absolute;height: 16px; top: 10px;left:3px;opacity: 0.7;}
.header-social li{margin: 0 5px;}
.main-nav{font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.main-nav ul{display: flex; justify-content: space-between;line-height: 50px;}
.main-nav li{margin: 0 12px;text-transform: uppercase;}
.main-nav li:last-child{margin-right: 0;}
.main-nav a{color: #FFF;}
.main-nav a:hover{text-decoration: none;transition: all 0.3s}
.navbar-toggle{display: none;}
.header-search i{color: #FFF;font-size: 18px;line-height: 50px;}
.main-nav a.btn{padding: 0 20px;margin-left: 5px;height: 38px;line-height: 35px;font-size: 14px;}
.header-address p{display:inline;margin:0;padding:0;}
.top-nav li{ margin-left: 15px;}
.top-nav li a:hover{text-decoration: none;}
.header-address{display: flex;}
#main-menu li a{position: relative;}
#main-menu li a:after{background:#F15927; opacity: 0; height: 3px; position: absolute; left: 0px; right: 0; margin: auto; bottom: -6px;content:'';width: 0; transition: all 0.5s}
#main-menu li.current_page_item a:after, #main-menu li a:hover:after{width: 100%;opacity: 1;}

/*--------------------*/
.main-banner{height:100vh;position:relative;z-index: 1;}
.main-banner .container{height: 100%;}
.main-banner img,.sub-banner img{object-fit: cover;position: absolute; top: 0;left: 0;height: 100%;width: 100%;z-index:-1;object-position: bottom; }
.banner-content{position: absolute;transform: translateY(-50%);top: 50%;color: #FFF;padding-right: 25px;z-index: 1000;}
.banner-content .banner-sub-head{background: #F15927;display: inline-block;color:#FFF;height: 28px;line-height: 27px;padding: 0 15px; margin-bottom: 10px;}
.banner-content h1{margin-bottom: 30px;}
.banner-content p{font-size: 25px;line-height: 35px;}
.sub-banner{height:300px;overflow:hidden;position:relative;z-index: 1; background:#333}
.sub-banner .banner-image:after{content: '';background: rgb(0 0 0 / 50%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sub-banner .banner-content {width: 100%;margin-top: 60px;text-align: center;left: 0;right: 0;padding: 0;max-width: 1140px;margin-left:auto;margin-right:auto;}
.special-banner{margin-top: 30px;}
.special-banner h3{text-align: center; color: #FFF;position: absolute;top:38%;width: 100%;margin-bottom: 0;}
.special-banner .special-banner-image{border-bottom: 5px solid #F15927; width: 100%;position: relative;}
.special-banner .special-banner-image img{height: 100%;}
.main-banner video{top: 0;left: 0;width: 100%;height: 100%;position: absolute;-o-object-fit: cover; object-fit: cover;}
.main-banner:before {content:'';z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}

/*--------------------*/
.about-section .about-content ul{margin-bottom: 30px;}
.about-section .about-content li{font-weight: 600; margin: 5px 0;list-style: disc; margin-left: 20px;}
.case-study-section{background: #FFF;box-shadow:0px 0px 10px rgb(241 89 39 / 30%);border-radius: 10px;height: 160px; margin: 100px 0;padding:30px 0;display: flex;justify-content: space-between;align-items: center;border: 1px solid rgb(241 89 39 / 53%);position: relative;}
.case-study-section:before {background: #F15927;box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;content: '';position: absolute;width: 260px;height: 100%;left: -1px;top: 0;}
.case-study-section:after{content: '';border-bottom: 158px solid #F15927;border-right: 100px solid #FFF;position: absolute;left: 220px;top: 0;}
.case-study-section h4{width: 260px;text-align: center;margin-bottom: 0;color: #FFF;position: relative;z-index: 10000;font-size: 24px;}
.case-study-section ul{display: flex;font-size: 40px; font-weight: 700; text-align: center;color: #F15927;z-index: 10000; position: relative;}
.case-study-section ul li{margin: 0 30px;}
.case-study-section ul li span{display: block; font-weight: 400;font-size: 15px;color: #333;}
.about-content-bg iframe{width: 100%;height: 100%; position: relative; z-index: 100;border-radius: 34px;box-shadow: 0px 4px 34px -14px rgba(0, 0, 0, 0.25);}
.about-content-bg{border-radius: 34px;border: 1px solid #F15927;height: 370px; position: relative;}
.about-content-bg::after{content: '';background: #FC9860;border-radius: 34px; height: 100%; width: 100%;position: absolute;left: -20px;bottom: -20px;}
.about-content{padding-right: 30px;}
#about{background-repeat: no-repeat;}


/*--------------------*/
.home-product{background-image: url(http://infra.market/v2/wp-content/uploads/2020/07/07.jpg);background-size: cover;background-repeat: no-repeat; color: #FFF;}
.home-product h2{color: #FFF;}
.home-product ul{display: flex;text-align: center;column-gap: 30px; margin-top: 30px;}
.home-product li{ background: #FFF; border-radius:5px;align-items: center; padding: 25px 15px; position: relative;max-width: 200px;}
.home-product li img{width: 165px; height: auto;}
.home-product li a{color: #F15927;}
.home-product li .btn{width: 150px;height: 40px;font-size: 12px;color: #FFF;position: absolute; bottom: -20px; left: 0; right: 0; margin: auto;line-height: 38px;}
.special-wrap{display:flex; justify-content: space-between;}

/*--------------------*/
.procurement-online{padding: 50px 0;}
.procurement-online .special{margin-bottom: 50px;}
.procurement-online h4{color: #F15927;    margin-bottom: 10px;}
.procurement-details{display: flex;font-size: 14px;align-items: center;margin-bottom: 30px;}
.procurement-details i{font-size: 60px; margin-right: 20px;}
.procurement-details p{ margin-bottom: 0;}

/*--------------------*/
.home-our-proces{background-repeat: no-repeat;background-size: cover;}
.home-our-process h2{color: #FFF;}
.home-our-process{ color: #FFF; margin-bottom: 60px;}
.home-our-process .btn{ position: absolute;right: 0;top: 10px;}
.home-our-process .container{position: relative;}
.home-our-process ul{display: flex;align-items: center;flex-wrap: wrap; padding-top: 50px;}
.home-our-process li{text-align: center;flex-grow: 5; margin-bottom: 50px;width: 20%;padding: 0 30px;}
.home-our-process li span{display: block; font-size: 14px; color: #F15927; padding-top: 20px;}
.home-our-process .callto-action-box{position: absolute; width: 100%; bottom: -120px;}
.home-our-process .callto-action-box .btn{position: initial;}
.company-overview-service svg{height: 170px;margin-bottom: 30px;}
.company-overview-service h6{color: #F15927;}
.company-overview-service h4{ margin-bottom: 50px;}

/*--------------------*/
.callto-action-box{background: #363636;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 5px;color:#FFF; height: 120px; padding:30px;display: flex;justify-content: space-between;align-items: center;}
.callto-action-box h4{font-weight: 400;width: 60%;margin-bottom: 0;line-height: 30px;}
.callto-action-box .btn{padding: 0 20px;}
.callto-action-wrapper{padding: 30px 0 0;}
/*--------------------*/
.home-supply-section{overflow: hidden;background: #E4E4E4;padding: 0;}
.home-supply-bg{height: 100%;width: 100%;}
.home-supply-content{ padding: 40px;max-width: 550px;}
.home-supply-content .col-md-6{ margin-bottom: 30px;font-size: 14px; font-weight: bold; }
.home-supply-content img{padding-right: 15px;float: left;}
.home-supply-content .row{ margin-top: 30px;}

/*--------------------*/
.blog-list-wrap img{margin-bottom:20px}
.blog-list-wrap .col-md-4{position:relative}
.blog-list-wrap h5{position: relative; padding-top: 25px;}
.blog-list-wrap h5 a{color:#000;}
.blog-list-wrap h5 a:hover{color:#F15927;text-decoration:none}
.blog-list-wrap .post-date{color: #666;font-weight: 500; font-size: 16px;position: relative;}
.blog-list-wrap .post-date:before{background:#F15927; height: 4px; position: absolute; left: 0; top: 30px;content:'';width: 100px;}
#inner-content{padding:50px 0;min-height: 400px;}
.blog-singles{max-width: 80%; margin: auto;}
.blog-singles h1{font-size:40px;}
.blog-singles .blog-img img{width:100%; height:auto;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);border-radius: 6px; margin:25px 0;}
.blog-list-wrap .special-wrap{margin-bottom: 40px;}

.product-list-wrap h3{position: relative; padding-top: 10px;padding-bottom: 15px;}
.product-list-wrap h3:before{background:#F15927; height: 7px; position: absolute; left: 0; bottom: 0;content:'';width: 150px;}
.product-list-wrap .row{margin-bottom: 50px;align-items: center;}

.industries-serve h4{line-height: 30px; margin-bottom: 30px;}
.industries-wrap{margin-bottom: 70px!important;}
.industries-wrap h6{background: url(../images/industries-line-bg.png) no-repeat center bottom; text-transform: uppercase;color: #F15927;letter-spacing: 5px;font-weight: 700; margin-bottom: 50px; padding-bottom: 30px;}
.industries-wrap img {margin: auto;}
.industries-wrap .slick-dots{display: none!important;}
.industries-wrap .slick-track,.industries-wrap, .industries-wrap .slick-list{ text-align: center;}
.industries-nav{position: absolute;bottom:0;left: 0;right: 0;text-align: center;}
.industries-nav .slick-slide{width: auto!important;}
.industries-nav .industries-nav-item{padding: 20px 40px 0 40px;float: none;position: relative;cursor: pointer;min-height: 65px;}
.industries-nav .slick-track{display: flex;justify-content: center;transform: none!important;width: 100%!important;}
.industries-nav .industries-nav-item::before{content: ''; background: #FC9860; border: 1px solid #363636; width: 15px;height: 15px;border-radius:10px ;position: absolute;left: 0;right: 0;margin: auto;top: 0;z-index: 1000;}
.industries-nav .industries-nav-item.slick-current::before{background:#F15927; border: 1px solid #F15927;}
.industries-nav .industries-nav-item::after{content: ''; background:#CCC; height: 10px;position: absolute;left: 0;right: 0;top:3px;}
.industries-nav .industries-nav-item:first-child::after{left: 50%;}
.industries-nav .industries-nav-item:last-child::after{right: 50%;}
.industries-serve{position: relative;overflow: hidden;}
.industries-nav img{max-height: 60px;margin: auto;}
.industries-nav span{display: block; margin:15px 0; font-size: 20px; color: #363636;}
.industries-nav .slick-slide.slick-current span{color: #F15927;}

#company-timeline{ padding-bottom: 560px; margin-bottom:50px;}
#company-timeline .panel-grid-cell{display: flex;align-items: flex-end;}
#company-timeline .panel-grid-cell .so-panel{width: 25%;padding:0 15px;margin-bottom: 0;}
#company-timeline{background-position: center bottom;background-repeat: no-repeat!important;}
#company-timeline .panel-grid-cell .so-panel h3{margin-bottom: 0;font-weight: 700;}
#company-timeline .panel-grid-cell .so-panel:nth-child(1) h3{color:#3BB273}
#company-timeline .panel-grid-cell .so-panel:nth-child(2) h3{color:#E15554}
#company-timeline .panel-grid-cell .so-panel:nth-child(3) h3{color:#815DED}
#company-timeline .panel-grid-cell .so-panel:nth-child(4) h3{color:#2874F0}

.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-dots li button:before{color: #333;font-size: 40px;opacity: 1;}
.slick-dots li.slick-active button:before {opacity:1; color: #F15927;}
.slick-dots{display: none;}


/*------------------------*/
footer{background: #363636;color:  rgba(255, 255, 255, 0.6);}
footer a{color:  rgba(255, 255, 255, 0.6);}
footer a:hover{color:#FFF;}
.footer-top{ padding: 50px 0 20px; border-bottom:1px solid rgba(255, 255, 255, 0.1);font-size: 14px;}
.footer-top h2{color: #FFF; margin-bottom: 50px;}
.footer-top h5{margin-bottom: 20px;text-transform: uppercase; color: #FFF;}
.footer-top li{margin-bottom: 15px;}
.footer-social ul{display: flex;}
.footer-social li{font-size: 15px;}
.footer-bottom{padding: 20px 0;display: flex;justify-content: space-between;}
.footer-bottom p{font-weight: 700;margin-bottom: 0;}
.footer-nav ul{display: flex; }
.footer-nav li{margin-left:15px;}
.footer-address{width: 200px;}
.footer-address p{font-weight: 700;margin-bottom: 5px;}
.footer-nav{display: flex;align-items: center;}
.footer-top img{margin-top: -40px;}
.footer-top h6{color:#F15927;margin-bottom: 5px;}
.footer-company-address p{line-height: 22px;}
.footer-company-address {height: 200px;}
.footer-address-wrapper{height: 380px; overflow: auto;}
.footer-address-wrapper li{width: 49%;display: inline-table; margin-bottom: 30px;}
.pulse {position: absolute;background:rgb(241 89 39 / 50%);border-radius: 50%;height: 16px;width: 16px;animation: pulse 1s infinite ease-out; display: none;}
@keyframes pulse {
50% {
transform: scale(1);
}

100% {
transform: scale(2);
}
}
.thane{top: 40.3%;left: 49.6%;}
.pune{top: 40.3%;left: 49.6%;}
.hyderabad{top: 40.3%;left: 49.6%;}
.bangalore{top: 75.4%;left:0;}
.nashik{top: 40.3%;left: 49.6%;}
.cochin{top: 40.3%;left: 49.6%;}
.noida{top: 40.3%;left: 49.6%;}
.industries-main-img{height: 100%; width: 100%;object-fit: cover;}
.overview-service.nav li img{width: auto; height: 60px; margin-right: 30px;}
.overview-service.nav li{margin-bottom: 20px;background: #FFF;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);width: 100%; }
.overview-service.nav li a{display: flex;color: #333;font-size: 18px;align-items: center;font-weight: 600;padding: 15px; border-radius: 10px;border-bottom: transparent 10px solid;}
.overview-service.nav li a.active{border-bottom: #F15927 10px solid;color:#F15927}
.overview-service.nav li a:hover{text-decoration: none;}
.overview-service-content{margin-left: 50px;position: relative;}
.overview-service-content .fade{height: 0;left: 0; top: 0;opacity: 0;}
.overview-service-content .fade.active{opacity: 1;height: auto;}
.overview-service-content .osc-item{display:flex;margin-bottom: 20px;}
.overview-service-content .osc-item img{width:50px; height:50px;margin-right: 30px;}


@keyframes float-top-down{
	from{
		bottom: -28px;
		box-shadow: 0px 2px 5px rgba(3, 3, 3, 0.7);
	}
	to{
	    bottom: -38	px;
	    box-shadow: 0px 4px 6px rgba(3, 3, 3, 0.7);
	}
}
@-webkit-keyframes float-top-down{
	from{
		bottom: -28px;
		box-shadow: 0px 2px 5px rgba(3, 3, 3, 0.7);
	}
	to{
	    bottom: -38	px;
	    box-shadow: 0px 4px 6px rgba(3, 3, 3, 0.7);
	}
}

@-moz-keyframes float-top-down{
	from{
		bottom: -28px;
		box-shadow: 0px 2px 5px rgba(3, 3, 3, 0.7);
	}
	to{
	    bottom: -38	px;
	    box-shadow: 0px 4px 6px rgba(3, 3, 3, 0.7);
	}
}

@-ms-keyframes float-top-down{
	from{
		bottom: -28px;
		box-shadow: 0px 2px 5px rgba(3, 3, 3, 0.7);
	}
	to{
	    bottom: -38	px;
	    box-shadow: 0px 4px 6px rgba(3, 3, 3, 0.7);
	}
}
.scroll-down-blk{position: absolute;bottom: -10px;left: calc(50% - 30px);width: 60px;height: 60px;border-radius: 50%;background: #333;z-index: 1;box-shadow: 0px 2px 5px rgba(3, 3, 3, 0.7);
cursor: pointer;color: #FFF;text-align: center;font-size: 25px;animation: float-top-down 0.5s ease alternate infinite;}
.scroll-dwn-img-blk {margin: auto;width: 50px;height: 100%;position: relative;top: 13px;}
.scroll-down-blk a{color: #FFF;}
.who-we-item{text-align: center;}
.who-we-item img{margin-bottom: 30px;}
.who-we-item h4{height: 50px; margin-bottom: 20px;}
button#responsive-menu-button{z-index: 1000000!important;}
.teamlist{text-align: center; margin-top: 20px;}
.teamlist h5{margin-bottom: 10px;}
.teamlist .profile-picture{width: 240px;height: 240px;border: 1px solid #F15927; border-radius: 100%; margin:0 auto 20px auto;background: url(../images/team-profile-bg.png) no-repeat;}
.teamlist .profile-picture img{width: 240px;height: 240px;border-radius: 100%;background: #FFF;border: 1px solid #F15927;}

#contactFormForm .contactForm-control {
    font-size: 16px;
    border-radius: 0;
    margin-top: 3px;
    margin-bottom: 5px;
    border: 2px solid #bbc0c2;
    height: 50px;
    width: 100%;
    padding: 0 20px 0 20px;
    color: #707374;
}
#contactFormForm textarea.contactForm-control{height: 150px;}

/*---------------*/
@media (max-width: 1024px){   
.home-services-con .services-item{padding: 70px 50px;}
.services-item-con,.blog-list-wrap{padding: 50px 0;}
.digital-marketing-con {margin-left: 20px;}
.logo{width: 200px;}
.case-study-section ul li { margin: 0 15px;}
.case-study-section h4{font-size: 20px;}
section {padding: 40px 0;}
.who-we-item img{max-width: 80%;}
}

@media (max-width: 1000px){
.btn{font-size: 14px;}
h1{font-size: 50px;}
h2{font-size: 35px;}
h3{font-size: 26px;}
.navbar-toggle{display: block;background: transparent;border: 0;}
.navbar-toggle i{color: #FFF;font-size: 25px;}
.container{max-width: initial;}
.main-nav ul.collapse.show{display: block;position: absolute;background: #000;left: 0;right: 0;margin: auto 25px;padding: 10px;top: 120px;}
.header-top{position: absolute;left: 0;right: 0;top:10px;margin: 0 25px; display: none;}
.header-search{padding: 0 20px;}
.home-services-con .services-item{padding: 40px;}
.home-about-con{padding: 50px 0 100px;}
.callto-action-box{padding: 20px;}
.callto-action-box h4{width: 50%;font-size: 18px;line-height: 25px;}
.digital-marketing-wrap .dm-list{padding: 20px 15px;}
.footer-top{padding: 50px 0 10px;}
.main-nav ul,.main-nav a.btn,.header-top{display: none;}
header{background: #363636;padding: 15px 0;}
}

@media (min-width: 769px){
.digital-marketing-wrap div div:nth-child(2) .dm-list{margin-top: 50px;}
.digital-marketing-wrap div div:nth-child(3) .dm-list{margin-top: -25px;}
.banner-content{width: 50%;}
}

@media (max-width: 768px){
h1{font-size: 40px;}
h2 {font-size: 30px;}
h4 {font-size: 18px;}
h5{font-size: 16px;}
.header-top{display: none;}
.footer-bottom{flex-flow: wrap-reverse;text-align: center;}
.footer-top{padding:30px 0 10px;}
.digital-marketing-con{margin-left: 0;}
.services-item-con h2 {margin-top: 20px;}
.main-nav ul.collapse.show{top: 80px;}
.main-banner{z-index: 1;}
.banner-content h1 {margin-bottom: 20px;}
.home-about-con {padding: 30px 0 100px;}
.footer-nav,.footer-bottom p{width: 100%;}
.callto-action-box{text-align: center;display: block;}
.callto-action-box h4{width: 100%;margin-bottom: 20px;}
.callto-action-box{height: auto;}
.footer-bottom p{margin-top:10px;}
.footer-nav li {margin:0 10px;}
.footer-nav ul{justify-content: center;}
.home-services-con .services-item{padding: 30px;}
.footer-top .col-sm-12{margin-bottom: 20px;}
.blog-list-wrap .col-md-4{margin-bottom: 30px;}
.who-we-item h4{height: auto;}
.banner-content{width: 75%;}
.case-study-section{margin: 50px 0 0;display: block;height: auto;}
.case-study-section h4{width: auto; color:#333;margin-bottom: 20px;font-size: 25px;}
.case-study-section:before,.case-study-section:after{display: none;}
.industries-nav.slick-slider{display: none;}
.case-study-section ul{justify-content: center;}
.overview-service.nav li img{height: 50px; margin-right: 20px;}
.overview-service.nav li a{font-size: 15px;}
.overview-service-content{margin-left: 0;}
.industries-wrap img{max-height: 130px;max-width: 80%;margin-bottom: 40px;}
.industries-wrap .slick-dots{display: block!important;}
#company-timeline{padding-bottom: 0;background: none!important;}
#company-timeline .panel-grid-cell{display: block;}
#company-timeline .panel-grid-cell .so-panel{width: 100%;padding:0}
}

@media (max-width: 670px){
body{font-size: 13px;}
h1{font-size: 35px;}
h2{font-size: 30px;}
h3{font-size: 25px;}    
.services-item-wrap {flex-flow:wrap}    
.home-services-con .services-item{width: 100%;height: auto;}
.services-item-con, .blog-list-wrap {padding: 30px 0;}
.callto-action-box .btn{width: 100%;margin-bottom: 10px;}
.footer-nav ul{display: block;}
.footer-nav li{display: inline-block;}
.footer-address {width: auto;}
.industries-nav{display: none;}
.industries-wrap .slick-dots{display: block;bottom: 20px;}
.footer-address-wrapper li{width: 100%;}
.footer-address-wrapper{height:auto}
.footer-nav, .footer-bottom p{display: block;}
.footer-top{font-size: 13px;}
.case-study-section ul{display: block;}
.case-study-section ul li{width: 47%;display: inline-block;margin: 0;}
}

@media (max-width: 480px){
h1{font-size: 30px;}
h4{font-size: 16px;}
.main-nav a.btn{display: none;}
.footer-top .col-sm-6{margin-bottom: 20px;}
.our-philosophy{padding: 30px 0;}
.digital-marketing-wrap .dm-list{height: auto;}
.banner-content .btn{width: 100%; margin-bottom: 10px;}
p.special{font-size: 16px;line-height: 26px;}
.logo {width: 150px;}
.banner-content p {font-size: 16px;line-height: 23px;}
.blog-list-wrap .special-wrap{display: block;}
.case-study-section h4{font-size: 20px;}
.industries-serve h4{line-height: 25px;}
.overview-service.nav li a{padding:10px}
.overview-service.nav li img{height: 40px;}
.company-overview-service h4 {margin-bottom: 30px;}
.home-about-con{padding: 30px 0 50px;}
.overview-service.nav li a{border: transparent 2px solid;}
.overview-service.nav li a.active{border: #F15927 2px solid;}
.overview-service.nav li{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);margin-bottom: 10px;}
.overview-service-content{margin-top: 20px;}
.overview-service-content .osc-item p{margin-bottom:0}
.overview-service-content .osc-item{margin-bottom: 10px;}
.industries-wrap {margin-bottom: 0!important;}
.scroll-down-blk{animation: none;bottom: 0;}
}

@media (max-width: 320px){

}
@media (max-height: 440px){
.banner-content p{display: none;}
}