body{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif !important;}
@media (min-width: 1400px){
.container {max-width: 1280px !important;}}
/*Header Section Start*/
.topheader .form-inline .form-control { display: inline-block;width: 100%;vertical-align: middle;height:50px;}
.topheader .form-inline  {position: relative;}

.top-header ul {display: flex; list-style: none; margin-bottom: 0; justify-content: end;}
.top-header ul li{margin-right: 10px;}
.top-header ul li a {padding: 10px;border-radius: 50%;line-height: 15px;width: 35px;height: 35px;display: inline-block;color: #fff;}
.logodesk img { width: 240px;}
.top-header ul li a.instagram{  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.top-header ul li a.facebook{  background-color:#3b5998;}
.top-header ul li a.twitter{  background-color:#55acee;}
.top-header ul li a.youtube{ background-color:#cd201f;}
.search-icon i {position: absolute;top: 50%;font-size: 25px;right: 20px;transform: translate(-50%, -50%);}
.topheader .form-control {display: block;width: 100%;padding: 10px 20px;font-size: 1rem;line-height: 20px;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #000000;border-radius: 25px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin: 25px 0;}
.mobilemenu li{list-style: none;}
.mobilemenu a img {width: 65%;margin: 0 0 0px 60px;}
.mobilemenu a.btnNavToggle img {width: 7%;margin: 0 0 0px 10px;}
.btnNavToggle i{font-size: 25px;}
.navigations { background-color: #282828; margin:0px 0 1px 0;padding: 10px 0;}
nav ul li { list-style-type:none;}
nav ul li a {padding: 0px 30px 0 0px;font-size: 16px;display: block;color: #fff;font-weight: 600;list-style-type: none;}
nav ul li a:hover{color: #000;text-decoration: none;}
ul.mainNav {padding: 0 0 0 20px;margin: 0;}
nav ul li a:hover {color: #dccea7; text-decoration: underline;}
/*Header Section End*/

/*Banner Section Start*/
.bannertext {position: absolute;top: 50%;left: 11%;transform: translateY(-50%);}
.bannertext h1{font-size: 42px;color: #fff;width: 60%;}
.bannersection {margin-bottom: 50px;}
/*Banner Section End*/

/*Product Section Start*/
.Productsection {margin-bottom: 50px;}
.productdescription {padding: 0 100px;}
.Productbox {border: 1px solid #141b32;border-radius: 10px;background-color: #141b32;}
.Productbox .Imagetext .description img{ border-radius: 10px 10px 0 0;}
.Productbox .Imagetext .description p{ padding: 10px 20px; color: #fff;}
.Productbox .Imagetext .description a:hover{ text-decoration: none;}
.Productbox .Imagetext {padding: 0;}
.Productbox .Imagetext h4{font-size: 30px;text-transform: uppercase; font-weight: 600; margin-top: 15px;}
.productspace {padding: 20px 40px 0 40px !important;}
.description {padding: 0;}
/*Product Section Start*/

/*Testimonials Section Start*/
.testimonials .owl-carousel#main-carousal .owl-item img {border-radius: 50% !important;}
.testimonials .owl-carousel#main-carousal .owl-item ul{list-style:none; padding: 0;}
.testimonials .owl-carousel#main-carousal .owl-item ul li{margin-right: 7px;}
.testimonials .owl-carousel#main-carousal .owl-item ul li img{width: 20px;}
#main-carousal .owl-prev {background-color: #ddd;font-size: 30px;padding: 0px 20px !important;position: absolute;right: 10%;}
#main-carousal .owl-next {background-color: #ddd;font-size: 30px;padding: 0px 20px !important;position: absolute;right: 5%;}
#main-carousal .owl-nav {margin-top: -100px;}
.testimonials {margin-bottom: 150px;}
/*Testimonials Section Start*/

/*solution Section Start*/
.solutionsection {margin-bottom: 50px;}
.solutionsection .mainheadingText{color: #fff;}
.solutionsection {
  background: url(../images/solutionbanner.png)center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 40px 0;
  color: #000;
}
.bannersection {
  background: url(../images/mainbanner.jpg)center center no-repeat;
  background-size: cover;
width: 100%;
height: 420px;
position: relative;
}

.description-solution {width: 100%;}
.description-solution h4 {width: 60%; font-size: 42px; color: #fff; font-weight: 600;}
.description-solution p { font-size: 14px; color: #fff; font-weight: 400;}
.form-solution {background-color: #426c84; padding:50px; border-radius: 20px;}
.form-solution .myformbtn{background-color: #03304f; width: 100%; border-radius: 5px; border: 1px solid #fff;}
.form-solution .myformbtn:hover{background-color: #fff;border: 1px solid #03304f; color: #03304f;}
.form-solution h4{color: #fff; margin-bottom: 20px; font-size: 20px;}
/*solution Section End*/

.textsection {margin-bottom: 50px;}
.scroll-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px #d5d5d5;
  background-color: #d3aa46;
}

/* Media Query Start */
@media(min-width:992px)

{
  .scroll-header a{color: #fff;}
.scroll-header .topheader {display: none;}
  .p0{padding: 0;}
.logo img {width: 80%;margin:0 auto 6px;display: table;}
.rightSpace a {margin: 0 16px 0 0;}
 .ml-space {margin-left: auto;}                      
#navication {    position: relative;}
.navication ul > li .megamenuWapper { max-height: 0;  overflow: hidden;  position: absolute;  z-index: 999;  left: 0;  right: 0;  top: 100%;  background-color:#f1f1f1;  box-shadow: 1px 0px 2px #ccc;  padding: 10px 0 30px; transition: all 0.8s linear; display: none;}
.navication ul > li:hover .megamenuWapper { max-height: 1000px;  display: block;}
.navCatList > li { flex: 1 1 25%;  max-width: 25%;   padding: 0 15px;}
.navCatList > li > a{position: relative; color: #000; margin-bottom: 10px;}
.navCatList > li > a:before { content: "";  position: absolute;  left: 0px;  bottom: 0;  width: 80px;  height: 1px;   background-color:#a69a96;}
.navCatChildList li a{ text-transform: capitalize;}
.navication ul > li .megamenuWapper li a{padding: 4px 0;}
.navication ul > li .navCatChildList li a { color:#000;font-size: 15px;}

}
@media(max-width:992px){ 
  nav ul li a span.d-lg-none{float: right; }   
  nav ul li a span.d-lg-none .iconfont {font-size: 14px;}   
 .mainBanner .itemContent{right:5%;}
  .mainBanner .itemContent .title{font-size: 32px;}
  .mainBanner .itemContent > a{font-size: 16px; padding: 12px 30px;}
  nav {margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0, 0, 0, .4);overflow: hidden;visibility:hidden;opacity: 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: -1;}
  nav .navication {padding:0;margin:0;top:-10px;width:300px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow-y: auto;overflow-x: hidden;}
  nav .navHeader {padding: 10px 0;}
  nav .navHeader .btnNavToggle {width: 20%;z-index: 99;height: 48px;display:inline-block;color:#060404;text-align:center;border: none;position: fixed;right: 0;top: 0px;}
  nav .navHeader .navLogo img {max-height: 12px;}
  nav .navHeader .btnNavToggle .iconfont {font-size: 30px;}
  nav.showMainNav {visibility:visible;opacity: 1;z-index: 99999;}
  nav.showMainNav .navication {left: 0; top: -10px;visibility: visible;  opacity: 1;}
  nav .container-fluid{padding:0;}
  nav .navication ul {flex-wrap:wrap;}
  nav ul li:first-child {border-top:none;}
  nav ul li {width: 100%;border-top:1px solid #ddd;}
  .searchnav{padding:10px 15px;}
  .scrollNone{overflow:hidden;}
  nav ul li.searchdropdown {order:1;}
  .navHeader .searchdropdown{width:100%;text-align:center;display:inline-block;padding-top:4px;}
  .navHeader .dropdown-menu{left:10%!important;right:inherit!important;transform: inherit !important; top:28px !important;}
  .navHeader .dropdown-menu a{padding: 6px 10px !important; font-size: 12px !important;}
  .navHeader .searchdropdown a{color: #000; font-size: 14px;}
  .navHeader .searchdropdown .fa-angle-down{font-size:20px;display:inline-block;vertical-align: top;}
  .subscribeBlock ul{margin-top: 15px;}    
  .navigations {background-color: #1512133b;border-color: #1512133b;}
  nav .navication ul {padding: 0;}
  .midHeader {padding: 14px 0 22px;}
  nav ul li .megamenuWapper{display: none;}
  .navCatChildList { margin: 0;  padding: 0; display: block !important;  list-style: none;  position: fixed;  background: #fff;   height: calc(100vh - 60px);   overflow-y: auto;   z-index: 999;  width: 300px;  top: 60px;  left: -100%;  transition: all 0.4s ease-in-out;}  
  .navCatChildList > li:first-child { border-top: none;  background: #000; color: #fff;}
  .navCatChildList > li:first-child a{color: #fff; padding-left: 32px;}
  .navCatChildList > li a.closeDropdown { position: absolute;  left: 10px;  top: 0px;  font-size: 24px;  padding: 0;}
  .navCatChildList > li a.closeDropdown .iconfont, nav ul li a.d-lg-none .iconfont {font-size: 14px;}
  .navCatChildList.showSubcategery{left:0;}
  nav ul.navCatList  li:first-child{border-top: 1px solid #ddd;}
  .navHeader img{width:70%;}
  nav .container {padding:0;margin:0;}
  nav .navication ul.navCatList {width:100%;}
  nav ul li a {padding:10px 25px 10px;font-size:16px;display:block;color:#262222;}
  .tabslist .nav-link {font-size: 13px;}
  .news .newslist {border: 1px solid rgb(248, 186, 20);border-radius: 0;margin: 10px 0;} 
  .mobilemenu {margin: 10px 0;}
  nav .container-fluid {padding: 0 !important;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
  .solutionright {margin: 0 !important;
}
.testimonials {
  margin-bottom: 50px;
}
.productspace {
  padding: 20px 15px 0 15px !important;
}
}
@media screen and  (min-width:820px) and (max-width:1600px){}
@media screen and  (min-width:1200px) and (max-width:1600px){.p120{ padding: 0 120px!important;}}
@media screen and (max-width:1400px){}
@media screen and (max-width:1300px){}
@media screen and (max-width:1200px){.p120{ padding: 0 72px!important;}}
@media screen and (max-width:1000px){.dealslist p {font-size: 15px;line-height: 22px;margin: 10px 0 5px 0;}
  .navigation ul li {display: inline-flex;margin: 0 2px;}
  .linkRight {text-align: left!important;}
  nav ul li a {padding: 7px 14px 0px;font-size: 15px;}}
@media screen and (max-width:768px){
  .p120 {padding: 0 40px !important;}
  .menu-btn i{color: #fff; font-size: 30px; text-align: left; display: block;} 
  .navigation ul {display:block; align-items: center; margin: 0; padding:15px; background-color:#fff;}
  .navigation ul li {display: block; margin: 40px  20px; border-bottom: 1px solid #000; }
  .navigation ul li a{color: #000; }
  .navigation ul {position: fixed; left: -100%; top: 0; width: 40%; height: 100%; display: block; text-align: center; transition:all 0.9s ease; z-index: 999;}
  #click:checked ~ .menu-btn i::before{content: "\f00d";}
  .sublist h3 {color: #dfbb5f;font-size: 15px;text-transform: uppercase;}
  .top-header ul {justify-content: end;}
  .top-header {padding: 10px 0;}
  .top-header ul li {margin-right: 5px;}
  .logodesk img { width: 100%;}
.btnNavToggle img {width: 25px;}
.bannertext h1 {font-size: 28px;color: #fff;width: 100%;line-height: 35px;}
.productdescription {padding: 0;}
.productspace {padding: 0 40px !important;}
.description {padding: 10px 20px;}
.bannersection {margin-bottom: 30px;}
.testimonials .owl-carousel#main-carousal .owl-item {text-align: center;}
.testimonials {
  margin-bottom: 30px;
}
.productdescription p {margin-bottom: 30px;}
.solutionright {
  width: 100% !important ;
}
.innerbannertext h1 {
  font-size: 16px !important;
  margin: 0!important;
}
.innerbannertext {
  left: 11% !important;
}

  } 
  @media screen and (max-width:567px){
    .top-header ul li a {padding: 5px 5px;line-height: 7px;width: 23px;height: 23px;}
    .top-header ul li:last-child {margin-right: 0;}
.description-solution h4 {width: 100% !important; font-size: 32px; }
.form-solution {padding: 20px;margin: 30px 0 0 0;}
.footerbottom p {text-align: center;}
.bannersection {
  background: url(../images/mainmobilebanner.jpg)center center no-repeat;
  background-size: cover;
width: 100%;
height: 420px;
position: relative;
}
.innerbannertext {
  left: 5% !important;
}
  }
  .mainheadingText{font-size: 32px;font-weight: 600;margin-bottom: 30px; text-align: center;}
  .OurTeam .mainheadingText{color: #fff;}
  .OurTeam {
    background: url(../images/ourteambanner.png)center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 40px 0;
    color: #000;
}
a .Ourleft h4 { font-size: 20px;  color: #000;}
a .Ourleft p { color: #000;}
.Ourleft .card-body {padding: 10px;}
.OurTeam a:hover {text-decoration: none !important;}
a .Ourleft p.teambio {height: 72px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.solutionright{width: 80%;margin: 0 auto;}
.footerSection{background-color: #282828;padding: 50px 0;}
.footerSection .footerbox{color: #828282;}
.footerSection .footerbox h4{font-size: 20px;}
.footerSection .footerbox p.footertext{color: #fff;}
.footerSection .footerbox ul{list-style: none; padding: 0;}
.footerSection .footerbox ul li{margin-bottom: 10px;}
.footerSection .footerbox a{display: block;color:#828282 ;}
.footerSection .footerbox p.phonetext{font-size: 24px; display: inline-flex;}
.footerSection .footerbox a:hover{text-decoration: none; color: #fff;}
.footerSection .footerbox ul li a{color: #828282;}
.footerSection .footerbox ul li a:hover{text-decoration: none; color: #fff;}
.footerbottom { background-color: #3e3e3e; padding: 10px 0; border-top: 1px solid #fff;}
.footerbottom p {color: #fff; margin-bottom: 0;}
.footerbottom ul {margin: 0; list-style: none; display: flex; justify-content: end;}
.footerbottom ul li a{color: #fff; margin-right: 30px;}
.footerbottom ul li a:hover{color: #fff; text-decoration: none;}

/*Our Team Detail Page*/
.OurTeam-detail {margin: 50px 0;}
.OurTeam .col-lg-4 {padding: 20px;}
.projectbox {overflow: hidden; position: relative;}
.projectbox .projectImg img {transition: all .8s ease-in-out 0s;}
.projectbox .projectImg:hover img {transform: scale(1.1);}

.Productbox {overflow: hidden;}
.productspace .Productbox img {transition: all .8s ease-in-out 0s;}
.productspace .Productbox .Imagetext:hover img {transform: scale(1.1);}
.teamImg img {border-radius: 5px;}
.relateditems a:hover {text-decoration: none;}
.teamImg h4 {color: #000;font-size: 16px;font-weight: 600;margin: 10px 0 0 0;}
.teamImg p {color: #000;font-size: 14px; margin: 0;}

.itembox {padding:20px 30px !important;}
.bg-gery {background-color: #f3f3f3;}
.relateditems h2 { padding:20px 0 0 10px;}
.contactPage h2 {
  font-size: 40px;
  margin-bottom: 50px;
  text-transform: capitalize;
  font-weight: 600;
}
.contactPage .contactinfo p span { margin-right: 15px;}
.contactPage .contactinfo a { color: #000;}
.contactPage .contactinfo a:hover { text-decoration: none;}
.aboutText span.borderright {
  position: absolute;
  border-bottom: 1px solid #000;
  width: 10%;
  top: 8%;
  left: 10%;
}
.aboutText span.borderleft {
  position: absolute;
  border-bottom: 1px solid #000;
  width: 10%;
  top: 8%;
  right: 10%;
}

.innerbannertext {position: absolute;top: 50%;left: 9%;transform: translateY(-50%);}
.innerbannertext h1{font-size: 42px;color: #fff;width: 100%;}
.bannersection {margin-bottom: 50px;}
@media screen and (max-width:766px){
.productspace {padding: 0 !important;}
.aboutText span.borderright {display: none;}
}