a {
    font-size: 1rem;
}
.green-bg{background-color: #9ee8ce!important}
/*-----------------Services page CSS Start here--------------------------------------*/

.head{padding: 50px 0; text-align: left;}
.ourservices {}
.ourservices .box {display: inline-block; margin-top: .2em}
.service-colored-banner-bg{background-color: #6857f3; padding:60px 30px 0 60px; border-radius: 20px}
.service-colored-banner-bg p{color: #fff;}
/*-----------------Contact page Css--------------------------------------*/
.officeform{padding: 30px 100px;text-align: center;}
.officeform .con-box {
    background: #eee;
    min-height: 140px;
    border-radius: 10px;
    margin-top: 45px;
}
.officeform .con-box .icon {
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    line-height: 45px;
    font-size: 18px;
    color: #a8a8a8;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
        margin-top: 0px;
    border: 3px solid #eee;
    display: inline-block;
    background-color: #fff;
    margin-top: -28px;
}
.officeform p{text-align: center; padding: 0 20px;}
.officeform .con-box .socialmdedia {
    margin-top: 10px;
}
.officeform .con-box .socialmdedia ul {
}
.officeform .con-box .socialmdedia ul li {
    display: inline-block;
    margin-left: 0px;
}
.officeform .con-box .socialmdedia .socialicons {
    background-color: #fff;
    display: inline-block;
    width: 30px;
    font-size: 1.125rem;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    transition: all 0.4s ease;
}

/*-----------------Sitemap Css--------------------------------------*/
.why{padding: 50px;  text-align: center; background: #151515 }
.why h2{color: #fff }
.why h4{color: #fff }
.why span{font-size: 16px; color: #fff}
/*-----------------Sitemap Css--------------------------------------*/
.sitemap{ margin:50px 30px }
.sitemap ul{}
.sitemap ul li{list-style:disclosure-closed;}
.sitemap ul li::marker{ color: red }
.sitemap ul li a{ color: #333 }
/*-----------------SEO Css--------------------------------------*/

.seo{background-color: transparent; padding: 0}
.seo ul li{}
.seo ul li::before{background:#373737;}
.hire{background-color: #eaeaea; border-radius: 20px;}
.working{ margin:30px 0 }
/*-----------------Design page Css--------------------------------------*/

.service-strip{padding: 5.35rem 0}
.service-strip .right{padding-top:10px}

.benifit{padding: 20px 0 0 0 }
.benifit ul{ }
.benifit ul li{margin-left: 20px; list-style: disc; }

@media screen and (min-width: 1600px) {
.laptop-wrapper iframe{padding:2.9% 8.5% 4.8%}
 }
 @media screen and (min-width:1500px) { 
 .laptop-wrapper iframe{padding:3.9% 11.5% 4.8%}
  }
@media screen and (max-width: 1200px) and (min-width: 1400px) { 
	.laptop-wrapper iframe{padding:3.9% 11.5% 4.8%}
}
@media screen and (max-width: 992px) {   

}

@media screen and (max-width:767px) { 
 .laptop-wrapper iframe{padding:0!important; margin:6% 1% 5% 1%;border-radius: 10px; outline: 8px solid #ccc; background: none}
 }
 @media screen and (max-width:480px) {
.officeform{padding: 20px}
.service-colored-banner-bg{padding:20px 20px 0}
.sec-title{padding:2rem 0 1em 0}
.header .dropdownnav{width: auto;}
.header .dropdownnav .navbox{float: none; width: auto;}
.seo{width: 95%; margin: auto;}
   }
 /*-----------------------------Responsive css End here------------------------------------*/