@charset "utf-8";
/* CSS Document */
@media (min-width: 1168px) and (max-width: 1968px) {
 .PeralexImg {
min-height: 615px;
}
.FontStyleOnly p {
margin-bottom: 34px !important;
}
.link-icon {
margin: 12px 0;
}
}
@media (min-width: 1268px) and (max-width: 1468px) {
 .left-munuSt li a {
padding-left:10px;
}
 .left-munuSt ul {
width:189px;
}
 .iconsmartindust i {
 padding: 0 20px;
}
 .TextHowWorckMid p {
font-size:16px;
}
 .ToyFistStory h4 {
line-height: 35px;
 font-size: 23px;
 margin-bottom: 27px;
}
.ToyFistStory p {
font-size: 20px;
 font-weight: 300;
 margin-bottom: 32px;
}
}
@media (min-width: 1168px) and (max-width: 1268px) {
 .ToyFistStory p {
font-size: 18px;
font-weight: 300;
margin-bottom: 29px;
}
.ToyFistStory h4 {
line-height: 35px;
 font-size: 20px;
margin-bottom: 13px;
}
}
@media (min-width: 1068px) and (max-width: 1268px) {
	.MenuFootHubbea p { margin-bottom: 41px;}
	.listgroupFoot {
    padding: 0 60px;
}
}
@media (min-width: 768px) and (max-width: 1068px) {
.listgroupFoot {
    padding: 0 10px;
}
.rowFistFoot p { font-size: 15px;}
.rowFistFoot img {
    width: 99px;
}
.p-class-font-margen{padding-left:7px;}

}

@media (min-width: 1168px) and (max-width: 1368px) {
 .morePClass {
padding-right:0 !important
}
 .box {
 width: 149px;
 text-align: center;
 float: left;
 padding: 0 0;
 margin: 0 9px;
}
 .animation-right {
padding:0 36px 0 0;
}
 .hubbea-home p {
 font-size: 15px;
margin-bottom: 11px;
line-height: 27px;
word-spacing: 3px;
}
.box p {
 font-size: 13px !important;
}
 .imgstyle0 {
 width: 249px;
}
.link-icon {
 text-align: center;
 min-width: 198px;
 display: inline-block;
}
.iocn-text-hubbea a {
 text-decoration: none;
 font-size: 13px;
}
 #mainNav .navbar-nav li.nav-item a.nav-link {
 color: #000;
 font-size: 12px;
}
.logo-text1 {
 position: absolute;
 width: auto;
 left: 115px;
 font-size: 14px;
}
 .box-div p {
 font-size: 16px;
 text-shadow: 0 0 0;
 color: #fff;
 line-height: 19px;
 text-align: left;
 margin-bottom: 0;
}
.hubbea-lock1 img {
 width: 64% !important;
}
 .full-width-img1 {
width:100% !important
}
 .office-hub h6 {
 font-size: 20px;
 text-align: left;
 word-spacing: 3px;
 color: #4d4747;
 margin-bottom: 11px;
 margin-top: -14px;
}
.PeralexImg {
background-size: contain;
}
}
 @media (min-width: 1068px) and (max-width: 1268px) {
 .imglast img {
 width: 100% !important;
}
 .BoxMid p {
font-size: 15px;
}
.TextHowWorckMid p {
font-size:16px;
}
 .automeobilessLeftImg img {
 width: 87%;
}
.automeobilessCopy .alert-dark {
margin-top: 10px !important;
}
.OutMobileIcon span {
width: 54%;
}
 .title-hub h5 {
font-size: 23px;
}
 .text-banner .left-bar {
 width: 30%;
 float: left;
 margin-right: 0;
 margin-left: 14px;
}
.text-banner h3 {
 font-size: 24px;
 padding: 17px 0;
 line-height: 38px;
}
.text-banner .right-bar {
 width: 66%;
 border-left: solid 4px #fff;
 margin-top: 2px;
}
.text-banner h4 {
 font-size: 21px;
 padding: 3px 15px;
 margin-top: 14px;
 font-weight: 300;
 line-height: 33px;
}
 .hubbea-lock img {
 float: left;
 width: 100%;
 padding-right: 0;
}
}
 @media (min-width: 768px) and (max-width: 1168px) {
 .ToyFistStory h4 {
 font-family: 'msbold', arial;
 color: #fff;
 font-weight: 300;
 line-height: 27px;
 font-size: 18px;
 margin-bottom: 15px;
}
.ToyFistStory p {
 color: #252550;
 font-size: 15px;
 font-weight: 300;
 margin-bottom: 13px;
}
.ToyFistStory .img {
 width: 40%;
min-height:350px;
}
 .toy-text-right {
 width: 60%;
}
}
 @media (min-width: 968px) and (max-width: 1168px) {
	 .hubbea-home{padding-left:15px;}
	  .ToyFistStory .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}.ToyFistStory .img{position:relative}

 }
 
 @media (min-width: 768px) and (max-width: 1068px) {
	 .leftcomingsoon {
    position: absolute;
    left: -47%;
    z-index: 9;
    top: 25%;
}
	 .P-claas-scooty-box {
    float: left;
    width: 100%;
    padding-top: 0;
}
.scootybgAly{min-height:300px; background-position: top}
.scooty-icon p{font-size:16px;}

.OutMobileIcon span {
    display: inline-block;
    width: 67%;
}

	 .ToyFistStory .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}.ToyFistStory .img{position:relative}

	 .left-munuSt1 ul{width:100%; margin:0}
	 .left-munuSt ul{width:100%}
	 .hubbea-home{padding-left: 24px;}
	 .PeralexImg {
    max-width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
}
 .imglast img {
 width: 100% !important;
}
 .right-textHow10 .col-md-4 {
min-width: 49%;
}
 .TextHowWorckMid {
padding:0
}
 .TextHowWorckMid p {
font-size:16px;
}
 .BoxMid {
width: 50%;
float: left;
min-height: 316px;
}
 .BoxMid p {
font-size:16px;
}
 .ToyFistStorytwo h1 {
 font-size: 27px;
 line-height: 88px;
padding-right: 0;
}
 .automeobilessLeftImg img {
width: 87%;
}
 .text-banner h3 {
 font-size: 22px;
 padding: 12px 21px;
}
.text-banner .left-bar {
 width: 100%;
 float: left;
 margin-right: 20px;
}
.text-banner .right-bar {
 width: 100%;
 border-left: solid 4px #fff;
 padding: 0 7px;
 margin-top: 0;
}
.text-banner .right-bar {
 width: 100%;
 padding: 0 7px;
 margin-top: 0;
 margin-left: 26px;
}
.text-banner {
 width: auto;
 float: left;
 padding: 3px 0;
 margin-left: 46px;
}
.text-banner h4 {
 font-size: 18px;
 padding:0 10px;
 margin-top: 0;
 font-weight: 300;
 padding-left: 13px;
}
 .box-div {
top: 34%;
}
 .hubbea-lock img {
 float: left;
 width: 89%;
}
.hubbea-home p {
font-size: 14px;
 margin-bottom: 11px;
 line-height: 30px;
}
.link-icon {
 text-align: center;
 min-width: 183px;
}
 .iocn-text-hubbea a {
 text-decoration: none;
 font-size: 13px;
}
 .icon-box-hand {
 right: 0;
 width: 130px !important;
bottom:37px
}
.Automobiles span {
width: 49%;
}
.left-line {
margin:0
}
section {
 padding: 1rem 0;
}
}
@media (min-width: 992px) and (max-width: 1192px) {
 .padding-right {
 padding-right: 0;
}
 .navbar-nav .nav-link {
 padding-right: 4px !important;
 padding-left: 0 !important;
 font-size: 12px;
}
}
@media (min-width: 268px) and (max-width: 992px) {
	.MoreHedding{margin-top:70px;}
	.BoxMid p {
    font-family: 'Comic Sans MS', arial;
    color: #733803;
    font-weight: 100 !important;
    font-size: 18px;
    text-align: left !important;
    font-smooth: auto;
    -webkit-text-stroke: 0;
    -webkit-text-stroke: 0 0;
    text-shadow: 0 0 0 #000;
}
	#pnonenone{display:none}
	#windnone{display:block !important; border-bottom:solid 1px #e8eaf0;}
	.magenbotto {
    margin-bottom: 12px !important;
    margin-top: 28px;
}
	.light-Up h1{border:none !important}
.light-Up h1::after	{border:none !important}
.magenbotto1 {
    margin-bottom: 19px !important;
    margin-top: 23px;
}	
.MenuFootHubbea p {  margin-bottom: 34px;}	
	
	.OutMobileIcon i { width: 85px; margin-right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
	.smartIndustries-img {
    padding-top: 0;}
	.OutMobileIcon p { text-align: center;}
	.navbar-brand{background:none; padding: 0 4px;}
	.phonehide{ display:block;}
	.winhide{ display:none}
	.hubcenter p {
    font-size: 20px;
    color: #666;
    margin-bottom: 9px;
}
.br {  margin-bottom: 13px;}

	.ExpBgSection{padding:25px 0}.ExpBgSection .toptitle h2{font-size:25px;}
	.ExpBgSection .toptitle p{font-size:17px;}
	.exabout{width:100%}
	.AirLockSection {
    margin-top: 0;}
	
	.SmartBell { height: 118px;}
 .scootyAutomobile {
 height: 112px;
 background-size: 100% 108%;
}
 .abouttext p {
padding:0
}
 .collapseONOFF-Mian {
 padding: 0 0;
}
.colesIn .Callupprimary {
font-size:14px;
}
.MoreHedding span {
 font-family: 'Titillium Web', sans-serif;
 font-size: 20px;
 color: #fff;
 background: #30cdc0;
 padding: 1px 17px;
 font-weight: bold;
}
 .topPaddingWidth img {
margin-top:10px;
}
 .rowpadding {
padding: 4px 0 9px;
}
 .hubcenter {
margin:10px 0 1px;
}
 .topgap {
margin-top:5px;
}
 .BoxMid p {
text-align:center !important
}
 .leftpclass p {
text-align:center !important
}
 .HowItWorckcopy .TextHowWorckMid p {
text-align:center !important
}
 .automeobilessCopy .alert-dark {
margin-top: 16px !important;padding: 26px 11px;
}
 .wock-logo img {
 width: 137px;
 margin-right: 0;
}
 .heddingHow h1 {
font-size:30px;
}
 .scroll-to-top a {
 width: 2.5rem;
 height: 2.5rem;
 background-color: rgba(33, 37, 41, .5);
 line-height: 2.1rem;
}
 header .container {
padding:0
}
 .navbar-brand img {
width: 36px !important;
padding: 10px 0;
}
 .cllgif {
height: 112px;
background-size: 100% 108%;
}
 .cllgif1 {
height: 112px;
background-size: 100% 108%;
}
 .SmartKitchen {
height: 112px;
background-size: 100% 108%;
}
 .waterGIF {
height: 112px;
background-size: 100% 108%;
}
 .AirLock {
height: 112px;
background-size: 100% 108%;
}
 .lightHub {
height: 112px;
background-size: 100% 108%;
}
 .light-Up h1 {
margin:21px 0;
font-size: 23px;
}
 .padding-right {
 padding-right: 0;
}
 .margen-top {
margin-top:0;
}
 .morePClass {
padding: 20px 5px; margin-top: 13px;
}
.AirLockSection {
margin-top:20px;
padding: 5px 5px;
}
.ExperiencesSectionAdd {

    margin-top: 20px !important;

}
.title-new h2::after { margin: 20px 0 0px;

}

.mid-box-body {
    padding: 11px 19px;
}
.smartIndustriesText {
    position: absolute;
    right: 0;
    width: 92%;}
	
 .morePClassImgRight img {
width:200px;
text-align:center; margin-top:0; margin-bottom:10px;
}
 .morePClassImgRight {
text-align:center
}
 .table-bordered td {
padding:5px
}
 .gridRow p {
font-size: 14px;
}
 .manufacturing {
background:#ddebfa;
margin-top: 100px;
}
 .box-smart-center {
 padding: 0 0;
}
 .smartIndustriesText-Top {
 position: absolute;
 top: 20%;
 right: 3%;
}
 .HowItWorckcopy .TextHowWorckMid {
 min-height: auto;
}
 .PeralexImg {
max-width: 100%;
 height: 385px;
background-size: contain;
}
 .element-to-hide {
 visibility:visible;
}
 .box {
 width: 100px;
 text-align: center;
 float: left;
 padding: 0 0;
 margin: 0 9px;
}
 ..water-2 {
width: 106px;
}
 .logo-text1 {
display:none
}
 .logo-text {
display: block;
top: 7px;
left: 58px;
color: #ff5c6a;
font-size: 22px;
line-height: 20px;
}
 .logo-text span{
float: left;
font-size: 10px;
width: 100%;
color: #8e8787; display:block;}
 .top-nav {
margin-right: 0;
}
 .link-icon {
border-bottom: solid 1px #eee;
 padding-bottom: 8px; 
}
 #myDIV {
display:none
}
header.masthead {
 padding-top: 68px;
 padding-bottom: 0;
}
.top-nav {
float: right;
padding-top: 0;
width: 100%;
top: 0px;
position: relative;
}
#navbarResponsive {
       background: #f3f3f3;
    border-top: solid 1px #d5d1d1;
    top: 59px;
    position: absolute;
    border-bottom: solid 1px #d5d1d1;
    box-shadow: 2px 3px 2px #eee; width:100%;
}
.left-line{border:none}


.top-nav ul {
 width: 100%;
 display: block;
 margin: 0;
 padding:7px 0;
 background: #f3f3f3;
border-top: solid 1px #d5d1d1;
}
.logo-top {
position: relative;
left: 2px;
}
#mainNav .navbar-toggler {
font-size: 74%;
cursor: pointer;
padding: 8px 9px;
right: 19px;
background: #f35966  !important;
position: absolute;
top: 17px;
border-radius: 0 !important;
}
#mainNav .navbar-toggler i{margin-left:5px;}
.top-nav li a {
 font-size: 12px;
 font-weight: 100;
 color: #2e1e1e;
 padding: 7px 9px;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
 color: #2e1e1e;
 font-size: 14px;
 padding-left: 10px !important;
 padding-top: 9px !important;
}
.icon-box-hand {
right: 0;
width: 130px !important;
}
 .btn-buy {
 background: #b6b6b6;
 padding: 3px 12px;
 color: #fff;
 text-decoration: none;
 float: right;
 font-size: 15px;
 margin-top: 8px;
 position: absolute;
 margin-left: 31px;
 margin-top: 24px;
 border-radius: 5px;
right:auto ; display:none;
}
}
 @media (min-width: 268px) and (max-width: 768px) {
	 .automeobilessCopy .alert {
    padding: 26px 9px;}
	#OfficeAirLock {
    padding: 0rem 0;
}
.TextHowWorckMid .icon9 { height: 48px;}
	 .TextHowWorckMid .icon8{height:53px}
	 .TextHowWorckMid .icon11{height:53px}
	 .left-munuSt ul {
    list-style: none;
    margin: 0;
        margin-left: 0px;
    padding: 0;
    width: 241px;
    border-right: solid 1px #e3e3ed;
    margin-left: 19%;
}
.left-munuSt1 ul {margin-left: 21%;
}
.ToyFistStorytwo h1 {
    color: #d15527;
    font-family: 'msbold', arial;
    font-size: 30px;
    line-height: 50px;
    text-align: left;
    padding-right: 0;
    margin-bottom: 30px;
}.BoxMid{margin-bottom:0}

.HowItWorckcopy {
    padding-top: 0;
}
.box-div h3{margin:5px 0 0 0}

	 
	  .text-banner h3 {
 font-size: 22px; text-align: center;
}
.AutomeobilessMidRight .left-bar h3 {margin-top: 19px;
}
.copy-automob h4 { margin-top: 25px;}


	 #mainNav {
    padding: 0;
    height: 59px;z-index: 8;
}
	.check-full{  margin-bottom: 27px;
float: left;
height: auto;
line-height: 20px;
}
	 .leftcomingsoon {
    position: relative;
    left: 0;
    z-index: 9;
    top: 0; text-align:center
}
#Sign .modal-dialog {
    left: 0;
}
#Sign .modal-content img{width: 100%;
max-height: 388px; max-width:300px; margin: auto;}

	 .footer .col-5{width: 100%;
max-width: 100%;
flex: 100%;} .footer  .col-2{width: 100%;
max-width: 100%;
flex: 100%;}
	 
	.footer .col-4 {
    flex: 100%;
    max-width: 100%;
}
.right-texthead {
    text-align: right;
    padding: 10px 0 5px;
}
	 .listgroupFoot {
    padding: 0 0;
}
 .P-claas-scooty-box {
float: left;
width: 100%;
padding-top: 18px;
}
.scootybgAly {
background-position:0 18%;
}
.iconListScooty .scootyIcon1 {
height: 48px;
}
.iconListScooty .scootyIcon2 {
height: 48px;
}
.iconListScooty .scootyIcon3 {
height: 48px;
}
.scooty-icon {
float: left;
width: 100%;
margin-top: 96px;
}
.scooty-icon .iconListScooty {
width: 100%;padding: 0;
float: left;
text-align: center;
}
 .offset-hubbea {
padding:0;
width:100% !important;
margin:0 !important
}
 .imglast img {
width: 100% !important;
}
 .box-left img {
width: 104%;
position: relative;
bottom: 0;
left: 0;
}
.HowItWorck .left-img {
width:100%;
margin:0
}
 .HowItWorck .right-textHow {
 width: 100%;
}
 .TextHowWorckMid {
 padding: 0 0;
}
.BoxMid {
width: 100%;
}
 .ToyFistStory .img {
width: 100%;
min-height:100px;
float:left
}
 .toy-text-right {
width: 100%;
float:left;
position:relative
}
 .text-banner .right-bar {
margin-top:0
}
 .automeobilessLeftImg {
margin-top: 20px;
text-align: center;
}
.automeobilessLeftImg {
text-align: center;
}
.AutomeobilessMidRight .left-bar {
width:100%
}
.AutomeobilessMidRight .right-bar {
width:100%
}
.AutomeobilessMidRight .right-bar h4 {
font-size:20px;
}
 .section-last .left {
padding-right: 6px;
}
.office-hub h5 {
padding-right: 1px;
}
 .header-pages {
max-height: 150px;
min-height: 150px;
display: inline-block;
width: 100%;
margin-top: 68px;
}
.ExpBgSection { margin-top: 66px;}

.car-img-autmobl img {
position: absolute;
left: -64px;
width: 185px;
opacity: 0.3;
}
 .text-banner h3 {
font-size: 25px;
color: #fff;
padding: 0;
line-height: 34px;
}
.text-banner h4 {
font-size: 17px;
color: #fff;
padding: 2px 15px;
margin-top: 15px;
}
 .text-banner .left-bar {
width:100%
}
 .text-banner .right-bar {
width:100%
}
 .title-hub {
width: 100% !important;
}
 .responsiv-img {
width:100% !important
}
 .imgstyle0 {
 width: 100%;
}
 #smartbell {
margin-top:30px;
}
 .check-full {
 font-size: 13px;
}
 .Automobiles span {
width: 78%;
padding: 0 5px 0;
line-height: 28px;
font-size: 14px;
}
 .icon-left-water span {
 color: #4d4747;
text-decoration: none;
display: inline-block;
margin-right: 0;
width: 94px;
text-align: center;
font-size: 12px;
}
 #elearninggames {
margin-top:30px;
}
 #smartindustries {
margin-top:30px;
}
 #Automobiles {
margin-top:30px;
}
 .left-line {
margin-left: 0;
padding:0 9px 3px
}
 .iocn-text-hubbea {
margin-top:0;
text-align: center;
}
 .button-style {
text-align: center;
}
 section {
 padding: 0;
}
.wock-logo {
 width: 100%;
 margin: 0 0;
 text-align: center;
}
.text-secondary {
 color: #b6b6b6 !important;
 font-weight: 600;
 font-size: 25px;
 text-align: center !important;
}
.container {
 max-width: 100%;
 padding-left: 13px;
 padding-right: 13px;
 display: block !important;
}
.hubbea-lock img {
 float: left;
 width: 100%;
}
.hubbea-air h5 {
 color: #000;
 margin-bottom: 10px;
 font-size: 18px;
 margin-top: 23px;
}
.line-half {
margin: 8px 0 13px;
}
.display-none-phone{display:none !important}
.okbtnright {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}


 .box-div {
background: #4d4e49;
position: relative;
right: 0;
min-height: 10px !important;
padding: 10px;
top: 64%;
width: auto;
height: auto;
bottom: 0;
width: 100%;
}
.box-div h3::after {
    content: "";
    height: 1px;
    background: #fff;
    display: block;
    margin: -11px 49px 15px;
    width: 75%;
}
.Pclass-Bottm p {
    margin-bottom: 19px;
}
.box-div p {
display: block;
font-size: 14px;
}
.button-style a {
    padding: 6px 7px; font-size: 13px;
}
.hubbea-home h2 {
    margin-bottom: 12px;
    margin-top: 20px;
}
.gas-stove {  height: 47px;}
.cooker-auto{  height: 47px;}
.Fire-icon{  height: 47px;}
.Gas-icon{  height: 47px;}
.SmartVessels-icon{  height: 47px; width: 75px;}

.link-icon{vertical-align:top}
.iocn-text-hubbea span {
    font-size: 13px;
    min-height: 28px;
    float: left;
    width: 100%;
}
.link-icon{border:none !important}
	
.phone-iocn img {
width:100px;
}
 #mainNav .navbar-nav {
 margin-top: 0;
 letter-spacing: 0;
}
.line-box {
display:none
}
 .iocn-text-hubbea .margin-top {
 margin-top: 0;
}
.link-icon {text-align: center;
display: inline-block;
width: 32%;
min-width: auto;
}
.iocn-text-hubbea a{font-size:13px;}
.link-icon i{    background-size: 80%;
    background-repeat: no-repeat;
}
.water-3 {
width: 69px;
}
.water-2 {
width: 83px;
}
.morebut{float:left; width:100%; margin:10px 0; text-align:center}
.morebut a{float:none !important; display:block; margin-bottom:20px;}
}
 @media (min-width: 268px) and (max-width: 468px) {
 .smartIndustries-img img {
 width: 100%;
 min-height: 210px;
}
.smartIndustriesText-Top {
 position: absolute;
 top: 41%;
 right: 3%;
}
.smartIndustriesText-Bottom p {
    font-size: 14px;
    padding-right: 7px;

}
.mix-section {
    padding: 50px 0;
        padding-bottom: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.smartInd.smartIndustriesText-Top h1 {
font-size:28px;
}
.smartInd.smartIndustriesText-Top p {
font-size:14px;
}
 .text-banner {
padding:0
}

 .text-banner h4 {
 font-size: 17px;
padding: 0 15px;
margin-top: 4px;
line-height: 26px;
}
 .AutomeobilessMidRight .right-bar h4 {
 font-size: 18px;
 line-height: 28px;
}
.title-hub h5 {
font-size: 24px;
}
.text-left-hub p {
font-size:18px;
}
.text-right-hub p {
font-size: 18px;
margin-bottom: 13px;
line-height: 28px;
}
.automeobilessCopy {
padding: 0rem 0rem;
}
.automeobilessCopy .col-md-4 {
padding: 0 0;
}
.title-hub {
margin-top: 7px;
}
.OutMobileIcon {
padding: 12px 0;
}
.OutMobileIcon span {
width: 100%;
}
}
 @media (min-width: 768px) and (max-width: 998px) {
	 #mainNav .navbar-toggler{display:none}
	 #navbarResponsive { top: 0;  z-index: 0 !important;}
	 .logo-top { z-index: 9;}
	 .logo-text {color: #8e8787; z-index: 999;}
	 .logo-text span { margin-top: 5px;}
	 #mainNav .navbar-nav li.nav-item a.nav-link { color: #2e1e1e;  font-size: 12px; padding-left: 10px !important;  padding-top: 0 !important;}
	#mainNav .navbar-nav { margin-right: 10px; height: 33px;}
 }