@media (max-width: 1440px){
.top-toronto{
  padding-left: 100px;
}
}
@media (max-width: 1337px){
.hereyet-logo img{
height: 100px;
width: 100px;
}
.hereyet-logo h6{
font-size: 25px;
margin:40px 0 0 10px;
}
/*.hereyer-gray .img-1{
width: 210.9px;
height: 400.1px;
margin:80px 0 0 100px;
}
.hereyer-gray .img-2{
width: 200.9px;
height: 400.1px;
margin: 80px 0 0 100px;
}*/
.offerride-img{
padding:70px 20px 30px 20px;
}
/*.offerride .img-1{
width: 200.9px;
height: 400.1px;
margin-left: 100px;
}
.offerride .img-2{
width: 200.9px;
height: 400.1px;
margin-left: 80px;
}*/
.browsr-img{
padding:70px 20px 70px 20px;
}
.browsr-logo img{
width: 100px;
height: 100px;
}
.browsr-logo h6{
font-size: 25px;
margin:40px 0 0 0;
}
/*.browsr .img-1{
margin-left: 10px;
}
.browsr .img-2{
margin-left: 10px;
}
.browsr .img-3{
margin-left: 10px;
}*/
.deal-img{
background-color: #ad8434;
height: auto;
padding-top: 80px;
padding:50px 20px 50px 30px;
}
.deal-logo{
display: flex;
}
.deal-logo h6{
font-family: Poppins;
font-size: 58px;
line-height: 1.34;
text-align: left;
color: #0a0a0a;
margin-top:10px;
}
.deal-logo h6 span{
font-weight: 900;
}
/*.deal-img p{
font-size: 17px;
line-height: 1.59;
text-align: left;
color: #ffffff;
margin-top: 40px;
}
.deal .img-1{
left: 50px;
width: 140px;
height: 273.5px;
}
.deal .img-2{
position: absolute;
top: 300px;
left:50px;
width: 140px;
height: 273.5px;
}
.deal .img-3{
top: 30px;
left: 300px;
width: 140px;
height: 273.5px;
}
.deal .img-4{
top: 330px;
left: 300px;
width: 140px;
height: 273.5px;
}
.deal .img-5{
top: 220px;
right: 50px;
width: 140px;
height: 273.5px;
}*/
.car-img img{
width: 220px;
height: 150px;
}
/*toranto */
.top-toronto{
  padding-left: 70px;
}
}
@media (max-width: 1304px){
/*.browsr .img-1{
width: 153px;
height: 330px;
margin-left: 10px;
}
.browsr .img-2{
width: 186px;
height: 384px;
margin-left: 10px;
}
.browsr .img-3{
width: 165px;
height: 342px;
margin-left: 10px;
}*/
}
@media (max-width: 1200px){
.wrapper{
margin-left: -55px;
}
.dynamic-txts li{
font-size: 50px;
}
.dynamic-txts li span::before{
top: 0px;
}
.vertical-text{
left: -230px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: -70px;
}
.vertical-text p{
font-size: inherit;
}
.varification button {
  padding: 7px 20px;
}
/*.hereyer-gray .img-1{
width: 210.9px;
height: 400.1px;
margin:0 0 0 60px;
}
.hereyer-gray .img-2{
width: 200.9px;
height: 400.1px;
margin: 150px 0 0 80px;
}
.offerride .img-1{
width: 200.9px;
height: 400.1px;
margin-left: 50px;
}
.offerride .img-2{
width: 200.9px;
height: 400.1px;
margin-left: 50px;
}
.deal .img-3{
top: 80px;
left: 250px;
width: 140px;
height: 273.5px;
}
.deal .img-4{
top: 440px;
left: 250px;
width: 140px;
height: 273.5px;
}*/
.sh-box{
height: 230px;
}
.border-box-service{
min-height: 470px;
}
/*portfolio*/
.map{
width: 90.8px;
}
.map i{
margin-left: -10px;
}
.setting{
top: 230px;
left: 100px;
}
.ocheck{
width: 60px;
height: 60px;
}
.ocheck i{
font-size: 40px;
}
/*toranto */
.top-toronto{
  padding-left: 40px;
}
.progress-img{
height: 250px !important;
}
.head-progress h4{
  margin-top: 80px;
}
}
@media (max-width: 1144px){
.wrapper{
margin-left: 0px;
}
.dynamic-txts li{
font-size: 45px;
}
.dynamic-txts li span::before{
top: 0px;
}
.vertical-text{
left: -175px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: -20px;
}
.vertical-text p{
font-size: inherit;
}
.car-img img{
width: 120px;
height: 80px;
margin-top: 60px;
}
/*toranto*/
.top-toronto h6{
  width: 500px !important;
}
}
@media (max-width: 1024px){
  .hire h1 {
    font-size: 34px;
  }
  .on-demand h3,.choise-app h2 {
    font-size: 36px;
}
.major-pain h2 {
  font-size: 35px;
}
.wrapper{
margin-left: 25px;
}
.dynamic-txts li{
font-size: 45px;
}
.dynamic-txts li span::before{
top: 0px;
}
.vertical-text{
left: -150px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: 0px;
}
.vertical-text p{
font-size: inherit;
}
.setting{
width: 60.5px;
height: 62.2px;
top: 240px;
left: 110px;
}
.setting i{
font-size: 45px;
margin-top: -10px;
margin-left: -10px;
}
.map{
width: 80.8px;
height: 65.8px;
top: 160px;
left: -10px;
}
.map i{
font-size: 50px !important;
color: #fff;
margin-top: -7px;
margin-left: -10px;
}
.ocheck{
width: 60px;
height: 60px;
border-radius: 50%;
top: 120px;
left: 0px;
animation: road .8s linear infinite alternate;
animation-delay: 1s;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1%;
}
}
.cloud-1 svg{
top: 80px;
}
.cloud-3 svg{
top: 45px;
}
.cloud-2 svg{
top: 5px;
}
.hereyet-img{
padding:30px 10px 50px 20px;
}
.hereyet-logo img{
height: 100px;
width: 100px;
}
.hereyet-logo h6{
font-size: 25px;
margin:40px 0 0 10px;
}
/*.hereyer-gray .img-1{
width: 210.9px;
height: 400.1px;
margin:0 0 0 50px;
}
.hereyer-gray .img-2{
width: 200.9px;
height: 400.1px;
margin: 150px 0 0 80px;
}*/
.offerride-img{
padding:70px 20px 30px 20px;
}
.offerride .img-1,.offerride .img-2{
width: 200.9px;
height: 400.1px;
}
.browsr-img{
padding:70px 20px 70px 20px;
}
.browsr-logo img{
width: 100px;
height: 100px;
}
.browsr-logo h6{
font-size: 25px;
margin:40px 0 0 0;
}
.deal-img{
background-color: #ad8434;
height: auto;
padding-top: 80px;
padding:50px 20px 50px 30px;
}
.deal-logo{
display: flex;
}
.deal-logo h6{
font-family: Poppins;
font-size: 58px;
line-height: 1.34;
text-align: left;
color: #0a0a0a;
margin-top:10px;
}
.deal-logo h6 span{
font-weight: 900;
}
.deal-img p{
font-size: 17px;
line-height: 1.59;
text-align: left;
color: #ffffff;
margin-top: 40px;
}
.deal .img-1{
left: 50px;
width: 140px;
height: 273.5px;
}
.deal .img-2{
position: absolute;
top: 350px;
left:50px;
width: 140px;
height: 273.5px;
}
.deal .img-3{
top: 80px;
left: 230px;
width: 140px;
height: 273.5px;
}
.deal .img-4{
top: 440px;
left: 230px;
width: 140px;
height: 273.5px;
}
.deal .img-5{
top: 250px;
right: 50px;
width: 140px;
height: 273.5px;
}
.requir-you p{
margin-top: 30px !important;
}
.deal-img button{
width: 152px;
height: 50px;
}
.deal img{
  height: 400px !important;
}
/*toranto */

}
@media (max-width:991px){
  .risk-free h6 {
    font-size: 10px;
  }
  .risk-free h4 {
    font-size: 14px;
  }
  .risk-free p {
    font-size: 10px;
  }
  .on-demand h3 {
    font-size: 27px;
  }
  .help-part h2 {
    font-size: 27px;
    padding: 0px 74px;
  }
  .help-part h2 span {
    font-size: 27px;
  }
  .startups p {
    font-size: 14px;
  }
  .presence h3 {
    font-size: 33px;
  }
  .resource-model h6 {
    font-size: 13px;
  }
  .resource-model p {
    font-size: 12px;
  }
  .hireing-modal h5 {
    font-size: 14px;
  }
  .hireing-modal button{
    margin-bottom: 20px;
  }
  .choise-app h2 {
    font-size: 27px;
  }
  .choise-app h6 {
    font-size: 14px;
  }
  .choise-app p {
    font-size: 12px;
  }
  .startups h6 {
    font-size: 18px;
  }
  .startups p {
    font-size: 12px;
  }
  .major-pain h2 {
    font-size: 26px;
  }
  .major-pain h6 {
    font-size: 12px;
    line-height: 20px;
  }
  .major-pain p {
    font-size: 12px;
}

.wrapper{
margin-left: -75px;
}
.dynamic-txts li{
font-size: 45px;
}
.dynamic-txts li span::before{
top: 0px;
}
.vertical-text{
left: -200px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: -80px;
}
.vertical-text p{
font-size: inherit;
}
.ther{
display: flex;
flex-direction: column;
align-items: center;
}
.set0f h5,.set0f li{
margin-left: -90px !important;
}
.services-titel,.service-sub-titel{
font-size: 40px !important;
}
.border-box-service{
min-height: 590px;
padding:10px 10px 10px 5px;
}
.border-box-service h4{
font-size: 16px;
}
.slider-titel{
font-size: 40px;
}
.hereyer-gray img{
  margin-top: 80px !important;
}
.offerride img{
  margin-top: 50px !important;
}
.browsr-logo img{
width: 80px !important;
height: 80px !important;
}
.browsr-logo h6{
  margin-top: 25px;
}
.browsr img{
  margin-top: 80px;
}
.hereyer-gray img,.offerride img,.browsr img{
  height: 350px !important;
}
.deal img{
  height: 320px !important;
  margin-top: 100px !important;
}
.e-froo h1{
  font-size: 35px;
  margin-top: 50px;
}
.martio img{
  margin-top: 0px;
}

/*portfolio*/
.setting{
width: 60.5px;
height: 62.2px;
top: 210px;
left: 50px;
}
.setting i{
font-size: 40px;
margin-top: -7px;
margin-left: -8px;
}
.map{
width: 60.8px;
height: 55.8px;
top: 160px;
left: -20px;
}
.map i{
font-size: 40px !important;
color: #fff;
margin-top: -7px;
margin-left: -10px;
}
.ocheck{
width: 50px;
height: 48px;
top: 130px;
}
.ocheck i{
font-size: 35px;
margin-top: -15px;
margin-left: -15px;
}
.cloud-1 svg{
width: 50px;
height: 35px;
top: 100px;
}
.cloud-3 svg{
width: 50px;
height: 35px;
top: 55px;
}
.cloud-2 svg{
width: 50px;
height: 35px;
top: 20px;
}
.first-sec h1{
font-size: 40px;
}
/*toranto*/
.top-toronto h1{
   width: 785px;
  font-size: 45px;
}
.top-toronto h6{
  width: 400px !important;
  font-size: 18px;
}
.toronto-service p{
  font-size: 22px;
}
.progress-img{
height: 220px !important;
}
.head-progress h4{
  font-size: 25px !important;
  margin-top: 70px;
}
.thanks-page h1{
  width: 80%;
}
.thanks-logo{
  padding-left: 100px !important;
}
/*here yet*/
.here-yet h1,.interface h1,.modarna h2,.deadline h1,.location h1,.features h1,.advance h1{
font-size: 40px;
}
.here-yet p,.advance p,.modarna p,.interface p,.P-Timeline p,.deadline p,.location p,.features p{
font-size: 18px;
}
.interface h2{
font-size: 35px;
}
.modarna{
  padding-right: 20px;
  margin-top: -80px;
}
.gold-text h1{
  font-size: 40px;
}
.gold-img h2{
  font-size: 25px;
}
.gold-img h1{
  font-size: 40px;
}
.gold-img h3{
  font-size: 22px;
}
.froo h1 {
    font-size: 35px;
}
.wearable-logo{
  padding: 0px;
}
.cont-div{
  margin-top: -55px;
}
.clani{
  margin-top: 10px !important;
}
.cannabis-first h1 {
    font-size: 40px;
}
}
@media screen and (max-width:970px){
.increa-line:hover::before,
.increa-line-small:hover::before,
.increa-line-large:hover::before,
.increa-line-cont:hover::before{
visibility: hidden;
}
.wrap .btn{
display: block;
}
.wrap .nav-links{
position: fixed;
height: 100vh;
width: 100%;
max-width: 350px;
background: #fff;
display: block;
top: 0;
left: -100%;
overflow-y: auto;
line-height: 50px;
padding:50px 10px;
box-shadow: 0 15px 15px rgba(0,0,0,0.15);
transition: all 0.5s ease;
}
#menu-btn:checked ~ .nav-links{
left: 0%;
}
#menu-btn:checked ~ .btn.menu-btn{
display: none;
}
.nav-links::-webkit-scrollbar{
width: 0px;
}
.nav-links li{
margin:15px 10px;
}
.nav-links li a{
padding:0 20px;
display: block;
font-size: 16px;
color: #484848;
}
.nav-links .desktop-item{
display: none;
}
.nav-links .mobile-item{
display: block;
font-size: 16px;
color: #484848;
font-weight: 500;
padding-left:20px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
width: 92%;
display: flex;
justify-content: space-between;
}
.nav-links .mobile-item:hover{
color:#1fa5f8;
}
.nav-links .drop-menu{
position: static;
opacity: 1;
visibility: visible;
top: 65px;
padding-left: 20px;
width:100%;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease;
}
#showDrop:checked ~ .drop-menu,#showDroptwo:checked ~ .drop-menu{
max-height: 100%;
}
.nav-links .drop-menu li{
margin:0;
}
.nav-links .drop-menu li a{
font-size: 14px !important;
padding:0 5px 0 5px;
border-radius: 5px;
}
.wrapper{
margin-left: -50px;
}
.dynamic-txts li{
font-size: 40px;
}
.dynamic-txts li span::before{
top: 0px;
}
.vertical-text{
left: -180px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: -100px;
}
.vertical-text p{
font-size: inherit;
}
.slider-desc, .slider-ready, .contect-btn{
margin-left:-60px;
}
.hereyer-gray .img-1{
margin:0 0 0 20px;
}
.hereyer-gray .img-2{
margin: 150px 0 0 30px;
}
.offerride .img-1{
margin-left:20px;
}
.offerride .img-2{
margin-left:30px;
}
.browsr-logo h6{
font-size: 20px !important;
margin:20px 0 0 0 !important;
}
.browsr-img{
padding:70px 20px 70px 20px;
}
.browsr-logo img{
width: 100px;
height: 100px;
}
.browsr-logo h6{
font-size: 25px;
margin:40px 0 0 0;
}
.deal-img{
background-color: #ad8434;
height: auto;
padding-top: 80px;
padding:50px 20px 50px 30px;
}
.deal-logo{
display: flex;
}
.deal-logo h6{
font-family: Poppins;
font-size: 58px;
line-height: 1.34;
text-align: left;
color: #0a0a0a;
margin-top:10px;
}
.deal-logo h6 span{
font-weight: 900;
}
.deal-img p{
font-size: 17px;
line-height: 1.59;
text-align: left;
color: #ffffff;
margin-top: 40px;
}
.deal .img-1{
left: 50px;
width: 140px;
height: 273.5px;
}
.deal .img-2{
position: absolute;
top: 350px;
left:50px;
width: 140px;
height: 273.5px;
}
.deal .img-3{
top: 80px;
left: 190px;
width: 140px;
height: 273.5px;
}
.deal .img-4{
top: 440px;
left: 190px;
width: 140px;
height: 273.5px;
}
.deal .img-5{
top: 250px;
right: 50px;
width: 140px;
height: 273.5px;
}
/*.car-img img{
width: 220px;
height: 150px;
}*/
/*case study*/
.first-case h1{
font-size: 50px;
}
.about-pro h1,.behind-browsr h1,.developed h1{
font-size: 48px;
}
.requir-you h1{
font-size: 48px;
margin-bottom: 50px;
}
.about-pro p,.behind-browsr p,.requir-you p,.developed p,.lastp p{
font-size: 18px;
}
}
@media(max-width: 870px){
.wrapper{
margin-left: 0px;
}
.wrapper li{
font-size: 35px;
}
.vertical-text p{
font-size: 14px !important;
}
.vertical-text{
left: -130px;
}
.slider-desc, .slider-ready, .contect-btn{
margin-left:-20px;
}
.hereyet-logo img{
height: 80px;
width: 80px;
}
.hereyet-logo h6{
font-size: 20px;
margin:30px 0 0 10px;
}
/*.store-btn img{
width: 140px;
height: 49.5px;
margin-top: 30px;
}*/
.hereyer-gray .img-1{
margin:0 0 0 10px;
}
.hereyer-gray .img-2{
margin: 150px 0 0 10px;
}
.offerride .img-1{
margin-left:10px;
}
.offerride .img-2{
margin-left:10px;
}
.browsr .img-1{
width: 113px !important;
height: 270px !important;
margin-left: 5px;
}
.browsr .img-2{
width: 144px !important;
height: 315px !important;
margin-left: 5px;
}
.browsr .img-3{
width: 123px !important;
height: 281px !important;
margin-left: 5px;
}
.deal-logo h6{
font-size: 48px;
margin-top:15px;
}
.deal .img-1{
left: 30px;
width: 140px;
height: 273.5px;
}
.deal .img-2{
position: absolute;
top: 350px;
left:30px;
width: 140px;
height: 273.5px;
}
.deal .img-3{
top: 80px;
left: 170px;
width: 140px;
height: 273.5px;
}
.deal .img-4{
top: 440px;
left: 170px;
width: 140px;
height: 273.5px;
}
.deal .img-5{
top: 250px;
right: 20px;
width: 140px;
height: 273.5px;
}
.first-case{
padding:100px 50px 0 0;
}
/*toronto*/
.top-toronto h1{
   width: 700px;
  font-size: 40px;

}
.top-toronto h6{
  width: 300px !important;
}
}
@media(max-width: 884px){
.store-btn .img-1{
margin-left: 0px;
}
}
@media(max-width: 862px){
.store-btn .img-2{
margin-left: 0px;
}
}
@media(max-width: 798px){
  .hereyer-gray .img-1{
margin:0 0 0 0px;
}
.hereyer-gray .img-2{
margin: 150px 0 0 0px;
}
.offerride .img-1{
margin-left:0px;
}
.offerride .img-2{
margin-left:0px;
}
}
@media(max-width: 768px){
  .hire h1 {
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 26px;
  }
  .contact-form-box h2 {
    font-size: 18px;
  }
  .request-quote-two {
    margin-top: 0px;
  }
  .outer-hire-two {
    height: 540px;
  }
  .btn-contact {
    font-size: 16px;
  }
.navbar-nav{
background: #fff;
}
#navbarSupportedContent ul li:hover ul {
margin-left: 150px !important;
}
.typed-text{
font-size: 30px;
}
.wrapper{
margin-left: 40px;
}
.vertical-text{
left: -110px;
}
.vertical-text p{
font-size: 13px;
}
.slider-desc{
margin-top: -40px;
margin-left: 10px;
font-size: 13px;
}
.slider-ready{
  margin-top: -10px;
  font-size: 13px;
  margin-left: 10px;
}
.contect-btn{
margin-left: 10px;
}
.cursor{
width: 3px;
height: 45px;
position: relative;
top: 30px;
}
.slider-wrapper {
position: relative;
top: 50px;
}
.setting{
width: 50.5px;
height: 52.2px;
top: 220px;
left: 55px;
}
.setting i{
font-size: 35px;
margin-top: -9px !important;
margin-left: -12px;
}
.map{
width: 57.8px !important;
height: 48.8px;
top: 160px;
left: -20px;
}
.map i{
font-size: 35px !important;
margin-top: -10px;
margin-left: -10px;
}
.ocheck{
width: 50px;
height: 50px;
top: 120px;
left: 0px;
animation: road 1s linear infinite alternate;
border-radius: 50px;
top: 140px;
}
.ocheck i{
font-size: 35px;
margin-bottom: 30px;
margin-left: -15px;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1%;
}
}
.cloud-1 svg{
width: 50px;
height: 30px;
top: 90px;
}
.cloud-2 svg{
width: 50px;
height: 30px;
top: 60px;
left: 170px;
}
.cloud-3 svg{
width: 50px;
height: 30px;
top: 105px;
}
.first-sec h1{
font-size: 40px;
}
.re-margin{
margin-top: 100px;
}
.pet-porter-text h4{
font-size: 40px;
margin-top: -50px;
}
.brows,.bob-t, .salam,.dealA,.YesW{
margin-top:50px;
}
.bob-t h4,.brows h4,.salam h4, .dealA h4,.YesW h4{
font-size: 40px;
}
.border-box-service h4{
font-size: 15px;
font-weight: 500;
color: #333333;
margin-top: 30px;
}
.dynamic-txts li{
font-size: 35px;
}
.dynamic-txts li span::before{
position: absolute;
left: 45px;
top: 1px;
}
.hereyet-img{
padding:30px 10px 50px 20px;
}
.hereyet-logo img{
height: 80px;
width: 80px;
}
.hereyet-img p,.offerride-img p, .browsr-img p,.deal-img p{
font-size: 16px;
}
.hereyet-img button,.browsr-img button{
padding:10px 30px;
margin-top: 50px;
}
.offerride-img button{
padding:10px 30px;
margin-top: 50px;
}
.hereyet-logo h6{
font-size: 20px;
margin:30px 0 0 10px;
}
.browsr-img{
  padding:20px 20px 70px 20px;
}
.browsr-logo img{
width: 80px;
height: 80px;
}
.browsr-logo h6{
font-size: 20px;
margin:20px 0 0 0;
text-align: center;
}
.deal-img{
padding:50px 20px 50px 30px;
}
.deal-logo h6{
font-size: 45px;
margin-top:10px;
}
.deal .img-1{
left: 50px;
width: 100px;
height: 223.5px;
}
.deal .img-2{
position: absolute;
top: 300px;
left:50px;
width: 100px;
height: 223.5px;
}
.deal .img-3{
top: 80px;
right: 170px;
width: 100px;
height: 223.5px;
}
.deal .img-4{
top: 390px;
right: 170px;
width: 100px;
height: 223.5px;
}
.deal .img-5{
top: 250px;
right: 50px;
width: 100px;
height: 223.5px;
}
.deal-img button{
width: 152px;
height: 40px;
margin-top: 0px;
}
.thanks-logo{
  padding-left: 0px !important;
}
.gold-offer{
  height: 400px;
  padding-top: 50px;
}
.gold-text{
  padding-top: 20px;
}
.gold-text h1{
  font-size: 35px;
}
.gold-text p{
  width: auto;
}
.gold-img h2{
  font-size: 25px;
}
.gold-img h1{
  font-size: 33px;
  margin-left: 10px;
}
.gold-img h3{
  font-size: 20spx;
}
.gold-img{
  height: 350px;
}
}
@media(max-width: 767.98px) {
  .points-one{
    width: 100px;
  }
  .points-four{
    width: 70px;
  }
  .request-quote-two{
    display: none;
  }
  .outer-hire-two {
    height: auto;
}
  .request-quote{
    visibility: visible;
    display: flex;
    flex-grow: 1;
  }
  .resource-model-two {   
    margin-top: 10px;
}
.slider {
display: block;
margin-right: auto;
margin-left: auto;
}
.wrapper{
margin-left: -40px !important;
}
.vertical-text{
left: -325px !important;
top: -130px !important;
}
.vertical-text p{
font-size: 13px !important;
}
.slider-desc{
margin-top: -40px !important;
margin-left: -65px !important;
font-size: 13px !important;
}
.slider-ready{
margin-top: -10px !important;
font-size: 13px !important;
margin-left: -65px !important;
}
.contect-btn{
margin-left: -65px !important;
}
.navbar-light{
background: #1fa5f8;
}
.navbar-nav{
background: #b0e9ff;
margin-left: -20px !important;
}
.logo{
display: block;
text-align: center;
margin-bottom: 8px;
}
.slider-titel{
font-size: 30px;
margin-bottom: 25px;
}
.section-titel{
font-size: 17px;
}
.step-list {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.noticed-box{
position: relative;
left: 0px !important;
top: 0px !important;
bottom: 0px !important;
margin-bottom: 15px;
right: inherit !important;
}
.noticed-box.right .images-box{
float: inherit;
}
.pet-porter-text h4{
font-size: 36px;
}
.togater-loat h4{
font-size: 20px;
}
.togater-loat p{
font-size: 14px;
}
.testment-sec:after{
height: 100%;
}
.togater-box:after{
display: none;
}
.cont-div{
  margin-top: -35px;
}
.with-us-on{
  padding:50px 20px !important;
}
.with-us-on h1{
  margin-top: -70px !important;
}
.martio h2{
  margin-bottom: -10px;
}
.second-contact{
  max-height: auto;
}
.store-btn .img-2,.store-btn .img-1{
margin-left: 20px;
}
.first-case h1{
font-size: 45px;
}
.about-pro h1,.behind-browsr h1,.developed h1{
font-size: 47px;
}
.requir-you h1{
font-size: 47px;
margin-bottom: 50px;
}
.about-pro p,.behind-browsr p,.requir-you p,.developed p,.lastp p{
font-size: 16px;
}
.car-img button{
  margin-top:40px;
}
.country{
flex-direction: column;
}
.yellow-bg{
background-color: #f5cd01;
padding-bottom:0px;
}
.yellow-bg img,.hobbies-img img{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
}
.hobbies-img .img-2{
margin-top: -80px !important;
}
.hobbies-img .img-3{
margin-top: -80px !important;
}
.yellow-bg .img{
margin-top: -150px;
}
.hobbies h3{
margin-top: 50px;
}
.icon-with{
display: flex;
flex-direction: row;
justify-content: center;
}
.first-sec p{
margin-bottom: 50px !important;
}
.map{
width: 107.8px !important;
height: 78.8px !important;
left: 10px !important;
}
.map i{
font-size: 60px !important;
margin-top: -7px !important;
margin-left: 3px !important;
}
.setting{
width: 77.5px !important;
height: 69.2px !important;
top: 270px !important;
left: 180px !important;
}
.setting i{
font-size: 45px !important;
margin-top: -5px !important;
margin-left: -2px !important;
}
.ocheck{
width: 65px;
height: 65px;
top: 100px;
left: 0px;
animation: road 2s linear infinite alternate;
}
.ocheck i{
font-size: 45px;
margin-top: -17px;
margin-left: -10px;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 5%;
}
}
.cloud-1 svg{
width: 70px;
height: 50px;
top: 60px;
left: 350px;
}
.cloud-2 svg{
width: 70px;
height: 50px;
top: -40px;
left: 170px;
}
.cloud-3 svg{
width: 70px;
height: 50px;
top: 20px;
left: 0px;
}
.border-box-service h4{
font-size: 20px;
}
.android-stacks{
justify-content: space-around;
}
.border-box-service{
min-height:auto;
}
.slider-titel{
font-size: 40px;
}
/*toronto*/
.top-toronto h1{
   width: 100% !important;
  font-size: 45px !important;
}
.top-toronto h6{
  width: 100% !important;
  font-size: 20px !important;
}
.satisfied-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.head-progress h2{
  margin-top: 30px;
}
.progress-img{
width: 60%;
height: 300px !important;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px !important;
}
.head-progress h4{
  font-size: 36px !important;
  margin-top: 100px !important;
}
.thanks-page h1{
  font-size: 40px;
  width: 100%;
}
.thanks-page p{
  font-size: 25px !important;
}
.thanks-logo{
  padding-left: 70px !important;
}
/*hereyet*/
.here-yet img,.advance img,.location img,.three-mob img,.out-interface img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.here-yet h1,.interface h1,.modarna h2,.deadline h1,.location h1,.advance h1{
font-size: 35px;
text-align: left;
}
.interface{
  padding-left: 10px;
}
.features h1{
font-size: 35px;
text-align: left;
margin-top: -250px;
}
.hereyet{
height: 400px;
}
.gold-offer{
  height: auto;
}
.with-us-on{
  padding: 50px 30px 0px 30px;
}
.with-us-on h1,.with-us-on p{
  text-align: center;
}
.gold-img h2{
  text-shadow: 0px 2px 8px #000;
}
.gold-img h1{
  text-shadow: 0px 2px 18px #000;
}
.gold-img h3{
  text-shadow: 0px 2px 18px #000;
}
.presence-before h2::before{
top: 40px;
}
.drop-content{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.under-leaf{
  height: auto;
  margin-top: 50px;
}
.cannabis-first {
    padding-top: 54px;
}

.cannabis-second~img {
    margin-top: -120px;
}
.outer-leaf {
    margin-top: 0px;
}
.cannabis-second h2 {
    font-size: 20px;
}
.cannabis-second p {
    font-size: 16px;
}
.drop-leaf-image h4 {
    font-size: 40px;
  }
}
@media(max-width: 687px) {
.wrapper{
margin-left: 30px !important;
}
.vertical-text{
left: -255px !important;
top: -150px !important;
}
.vertical-text p{
font-size: 13px !important;
}
.slider-desc{
margin-top: -40px !important;
margin-left: 5px !important;
font-size: 13px !important;
}
.slider-ready{
margin-left: 5px !important;
}
.contect-btn{
margin-left: 5px !important;
}
.first-case{
padding:100px 20px 0 0;
}
.first-case h1{
font-size: 40px;
}
}
@media(max-width: 575px){
  .on-demand-img {
    margin-top: 31px;
  }
  .risk-free {
    margin-top: 40px;
}
.hire-outer{
  padding-left: 10px;
}
.wrapper{
margin-left: 70px !important;
}
.vertical-text{
left: -225px !important;
top: -150px !important;
}
.vertical-text p{
font-size: 13px !important;
}
.slider-desc{
margin-top: -40px !important;
margin-left: 45px !important;
font-size: 13px !important;
}
.slider-ready{
margin-top: -10px !important;
margin-left: 45px !important;
}
.hereyer-gray img{
  margin-top: 50px !important;
}
.offerride img{
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.browsr img{
  margin-top: 0px;
  margin-bottom: 20px;
}
.deal img{
  margin-top: 30px !important;
}
.contect-btn{
margin-left: 45px !important;
}
.sh-box{
height: 320px;
}
.india-img img,.usa-img img,.canada-img img{
display: block;
margin-left: auto;
margin-right: auto;
}
.india-box h6{
text-align: center;
margin-top: 5px;
}
.india-box p{
text-align: center;
}
.developed-me{
padding-left: 30px;
}
.about-pro h1,.behind-browsr h1,.developed h1{
font-size: 40px;
}
.requir-you h1{
font-size: 40px;
margin-bottom: 50px;
}
.about-pro p,.behind-browsr p,.requir-you p,.developed p,.lastp p{
font-size: 16px;
}
.thanks-logo{
  padding-left: 0px !important;
}
/*hereyet*/
.here-yet h1,.interface h1,.modarna h2,.deadline h1,.location h1,.advance h1,.features h1,.location h6{
text-align: center;
}
.here-yet p,.advance p,.modarna p,.interface p,.P-Timeline p,.deadline p,.location p,.features p{
text-align: center;
}
.P-Timeline h4{
  text-align: center;
}
.chilli-bg{
background-size: 80% 100%;
}
.features{
  padding:0 15px;
}
.interface{
  padding-left: 10px;
}
.hereyet{
height: 300px;
}
.deal img{
  height: 300px !important;
}
.cannabis-first h1 {
    font-size: 28px;
}
}
@media(max-width: 540px){
.vertical-text{
left: -205px !important;
top: -150px !important;
}
.dynamic-txts li{
font-size: 25px !important;
}
.sgd{
padding-left: 30px;
}
.sh-box{
height: 320px;
}
.first-case h1{
font-size: 35px;
}
}
@media(max-width: 500px){
.map{
left: -15px !important;
}
.setting{
left: 150px!important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 2.3%;
}
}
}
@media(max-width: 475px){
.progress-img{
height: 280px !important;
}
.head-progress h4{
  margin-top: 90px !important;
}
.thanks-page h1{
  font-size: 35px !important;
}
.thanks-page p{
  font-size: 20px !important;
}
/*hereyet*/
.here-yet h1,.interface h1,.modarna h2,.deadline h1,.location h1,.advance h1{
font-size: 28px;
}
.interface{
  padding-left: 10px;
}
.interface h2{
font-size: 25px;
}
.features h1{
font-size: 28px;
}
.slider-ready{
margin-top: 0px !important;
}
.deal img{
  height: 250px !important;
}
}
@media(max-width: 425px){
  .points-four{
    width: 60px;
  }
  .on-demand h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .on-demand p {
    font: normal normal normal 14px/25px Poppins;
  }
  .on-demand h5 {
    font: normal normal bold 20px/37px Poppins;
  }
  .help-part h2 span {
    font-size: 20px;
  }
  .help-part h2 {
    font-size: 20px;
    padding: 0px 0px;
    line-height: 40px;
  }
  .resource-model-two {
    margin-top: 30px;
  }
  .major-pain h2 {
    font-size: 20px;
    line-height: 39px;
  }
  .choise-app h2 {
    font-size: 20px;
    line-height: 34px;
  }
  .presence h3 {
    font-size: 20px;
    line-height: 67px;
  }
.hireing-modal h3 {
  font: normal normal bold 31px/85px Poppins;
}
.android-shadow{
width: 100%;
}
.wrapper{
margin-left: 40px;
margin-top: -40px !important;
}
.sh-box{
height: auto;
padding-top: 0;
}
.india-img, .usa-img, .canada-img{
padding-top:10px;
}
.navbar-nav{
background: #fff;
}
#navbarSupportedContent ul li:hover ul {
margin-left: 120px !important;
z-index: 999;
}
.typed-text{
font-size: 25px;
}
.sgd{
margin-top: 18%;
}
.slider-desc,.slider-ready{
margin-left: 10px;
}
.contect-btn{
margin-left: 10px;
}
.dynamic-txts li{
font-size: 20px !important;
}
.vertical-text{
left: -155px !important;
top: -80px !important;
}
.section-titel{
margin-top: 70px;
}
.petsm img{
margin-top: -120px;
}
.map{
width: 85.8px !important;
height: 70.8px !important;
background-color: #4479fa !important;
border-radius: 10px !important;
top: 150px !important;
left: -15px !important;
}
.map i{
font-size: 55px !important;
margin-left: -10px !important;
}
.setting{
width: 77.5px !important;
height: 69.2px !important;
top: 240px !important;
left: 120px !important;
}
.setting i{
font-size: 45px !important;
margin-top: -5px !important;
margin-left: -2px !important;
}
.ocheck{
width: 60px !important;
height: 60px !important;
top: 120px !important;
left: 0px !important;
}
.ocheck i{
font-size: 40px !important;
margin-top: -17px !important;
margin-left: -10px !important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1.3%;
}
}
.cloud-1 svg{
top: 70px;
}
.cloud-2 svg{
top: -5px !important;
}
.cloud-3 svg{
top: 40px !important;
}
.brows, .salam, .YesW{
margin-top: -50px !important;
}
/*.hereyer-gray .img-1{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.hereyer-gray .img-2{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;

}
.offerride .img-1{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.offerride .img-2{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.browsr .img-1{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.browsr .img-2{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.browsr .img-3{
width: 70% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.deal{
position: static;
}
.deal .img-1{
position: static;
width: 70%;
height: auto;
}
.deal .img-2{
position: static;
width: 70%;
height: auto;
}
.deal .img-3{
position: static;
width: 70%;
height: auto;
}
.deal .img-4{
position: static;
width: 70%;
height: auto;
}
.deal .img-5{
position: static;
width: 70%;
height: auto;
}*/
.first-case{
min-height: 400px;
}
.first-case h1{
font-size: 25px;
}
.services-titel,.service-sub-titel{
font-size: 30px !important;
}
.slider-titel{
font-size: 30px;
}
.top-toronto h1,.usa-head h2,.toronto-service h6,.toronto-tech h2,.head-progress h2{
  font-size: 25px !important;
}
.top-toronto h6{
  font-size: 18px !important;
}
.toronto-service p{
  font-size: 20px !important;
}
}
@media(max-width: 414px){
/*.typed-text{
font-size: 20px;
}
.vertical-text{
left: -185px !important;
top: -80px;
}
.slider-desc,.slider-ready,.contect-btn{
margin-left: 10px;
}
.section-titel{
margin-top: 70px;
}*/
.setting{
top: 230px !important;
left: 110px !important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1%;
}
}
.dynamic-txts li{
font-size: 30px;
}
.wrapper{
margin-top: 40px;
}
}
@media(max-width: 411px){
.setting{
top: 230px !important;
left: 110px !important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1%;
}
}
.car-img button{
margin-top: -20px;
}
}
@media(max-width: 375px){
.hire h1 {
  font-size: 20px;
}
.hire h4 {
  font: normal normal bold 19px/37px Poppins;
}

#navbarSupportedContent ul li:hover ul {
margin-left: 100px !important;
z-index: 999;
}
.sgd{
margin-top: 18%;
}
.first-sec h1{
font-size: 32px !important;
}
.map{
height: 70px !important;
left: -20px !important;
top: 153px !important;
}
.setting{
top: 230px !important;
left: 90px !important;
}
.ocheck{
width: 55px !important;
height: 55px !important;
top: 100px !important;
left: 0px !important;
}
.ocheck i{
font-size: 35px !important;
margin-top: -20px !important;
margin-left: -10px !important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1.3%;
}
}
.cloud-1 svg{
top: 75px !important;
}
.cloud-2 svg{
top: 15px !important;
}
.cloud-3 svg{
top: 60px !important;
}
.dynamic-txts li{
font-size: 20px;
}
.progress-img{
height: 230px !important;
}
.head-progress h4{
  font-size: 30px !important;
  margin-top: 70px !important;
}
.thanks-page h1{
  font-size: 25px !important;
}
.thanks-page p{
  font-size: 16px !important;
}

}
@media(max-width: 360px){
#navbarSupportedContent ul li:hover ul {
margin-left: 60px !important;
z-index: 999;
}
.dynamic-txts li{
font-size: 20px;
}
.first-case h1{
font-size: 20px;
}
.about-pro h1,.behind-browsr h1,.developed h1{
font-size: 30px;
}
.requir-you h1{
font-size: 30px;
}
.map{
width: 77.8px !important;
height: 58.8px !important;
top: 160px !important;
left: -10px !important;
}
.map i{
font-size: 45px !important;
color: #fff;
margin-top: -7px !important;
}
.setting{
width: 70.5px !important;
height: 65.2px !important;
top: 220px !important;
left: 80px !important;
}
.setting i{
font-size: 40px !important;
margin-top: -5px !important;
margin-left: -2px !important;
}
.ocheck{
width: 50px !important;
height: 50px !important;
top: 130px !important;
left: 0px !important;
animation: road 1s linear infinite alternate;
}
.ocheck i{
font-size: 35px !important;
margin-top: -30px !important;
margin-left: -15px !important;
}
@keyframes road{
0%{
margin-left: 0%;
}
100%{
margin-left: 1.5%;
}
}
.cloud-1 svg{
top: 85px !important;
}
@keyframes cloudl{
0%{
left:75%;
}
100%{
left:0%;
}
}
.cloud-2 svg{
top: 15px !important;
}
@keyframes cloudt{
0%{
left:0%;
}
100%{
left:75%;
}
}
.cloud-3 svg{
top: 60px !important;
}
@keyframes cloudb{
0%{
left:0%;
}
100%{
left:75%;
}
}
.store-btn .img-2,.store-btn .img-1{
margin-left: 0px;
}
.services-titel,.service-sub-titel{
font-size: 25px !important;
}
}
@media(max-width: 320px){
#navbarSupportedContent ul li:hover ul {
margin-left: 40px !important;
z-index: 999;
}
.sgd{
margin-top: 20%;
}
.section-titel{
margin-top: 50px;
}
.ocheck{
top: 130px !important;
}
.map{
width: 50px !important;
height:50px !important;
left: -20px !important;
top: 160px !important;
}
.first-sec h1{
font-size: 25px !important;
}
.map i{
font-size: 40px !important;
}
.setting{
width: 60px !important;
height: 60px !important;
top: 215px !important;
left: 60px !important;
}
.setting i{
margin:-8px 0 0 -8px !important;
font-size: 40px !important;
}
.cloud-1 svg{
top: 85px !important;
}
.cloud-2 svg{
top: 15px !important;
}
.cloud-3 svg{
top: 60px !important;
}
.dynamic-txts li{
font-size: 15px !important;
}
.vertical-text{
left: -105px !important;
top: -80px;
}
.deal-logo img{
width: 80px !important;
height: 80px !important;
}
}
@media(max-width: 280px){
.dynamic-txts li span{
font-size: 18px;
}
.wrapper{
  margin-left: 40px !important;
}
.contect-btn{
 margin-left: 10px !important;
}
}