/* Theme Name: Hublind - Landing page Template
   Author: Coderthemes
   Author e-mail: coderthemes@gmail.com
   Version: 1.0.0
   Created: May 2017
   File Description:Main CSS file of the template
*/

/*------------------------------------------------------------------

[Table of contents]

1. Custom Font


-------------------------------------------------------------------*/
    .header22{

      -webkit-grid-column: 2/ -1;
    }

    .menu22{


     grid-row: 1 / 3;
     -webkit-grid-row: 1 / 3;

    }

    .content-22{

    }



    .container22{
      -webkit-display: grid;
      -webkit-grid-template-columns:  repeat(2, 1fr);
      -webkit-grid-template-rows: auto auto;
      -webkit-grid-gap:15px;
      display: grid;
      grid-template-columns:  repeat(2, 1fr);
      grid-template-rows: auto auto;
      grid-gap:15px;

    }


    .css-grid-margins{
      margin-left: 40px;
    }

    .css-grid-margins-2{
      margin-left: 40px;
    }


    .home-content-grid-padding{
      padding-top: 40px;
      padding-bottom: 0px
    }
/*======= overlaps ======*/


html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}
.boxsize{
    box-sizing: border-box;
}

.gridd{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.gridlapsright{
    padding-right: 35%;
}
.gridlapsleft{
    padding-left: 35%;
}
.rot{
   -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg);    
   float: left;
   left: -90px;
   position: absolute;
   top: 80px;
}
.rot2{
   -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg);    
   float: left;
   left: -120px;
   position: absolute;
   top: 100px;
}

.rel{
  position: relative;
}




.footer-ml-2-button{
  margin-left: 20px;
}

.ubmed{
  font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}
.ubreg, h2, p{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.ubbold{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}


/*======= Navbar ======*/

.navbar-nav>li>a {
        font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.signInpad{
    padding-right: 25px;
    color:white;
}
.navbar {
    width: 100%;
}

.navbar-collapse{
  box-shadow:none;
}

.sec{

    background: 
}
.center-nav{

  margin-left: 130px;

}
.navpad li{
    padding: 10px;
    list-style: none;
    font-size: 17px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: white;
}


/*======= Button 1 ======*/

.bluebutton{
    border-radius: 22.5px;
    border: 1px solid #0f75bc;
    background-color: #0f75bc;
    width: 113px;
    height: 45px;
    padding:12px 20px;
    color:white;
}
.loginbutton{
    border-radius: 50px;
    border: 1px solid #12234b;
    background-color: #12234b;
    width: 113px;
    padding:12px 20px;
    color:white;
}
.bbbutton{
    border-radius: 50px;
    border: 1px solid #0f75bc;
    background-color: #0f75bc;
    width: 360px;
    height: 60px;
    color:white;

}
.button-home{
  border-radius: 50px;
    border: 1px solid #0f75bc;
    background-color: #0f75bc;
    width: 360px;padding:20px;
    text-align:center;
    color:white;
    font-size:17px;
}

.createbutoon{
    border-radius: 50px;
    border: 1px solid #0f75bc;
    background-color: #0f75bc;
    width: 295px;padding:20px;
    text-align:center;
    color:white;

}
.mbutton{
    border-radius: 50px;
    border: 1px solid #0f75bc;
    background-color: #0f75bc;
    width: 270px;
    height: 60px;
    color:white;

}


.wbutton{
    border-radius: 50px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 255px;
    height: 60px;
    color:white;

}
.mwbutton{
    border-radius: 50px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 345px;padding:20px;
    text-align:center;
    color:white;

}

.bbbutton5{
    border-radius: 50px;
    border: 1px solid #0f75bc;
    border-color: #0f75bc;
    width: 40%;
    height: 60px;
    color:white;
    font-size:17px;
    text-align: center;
}

.button-home:hover, .createbutoon:hover, .bluebutton:hover{text-decoration:none;background-color:#33abff;}
.wbutton:hover, .mwbutton:hover {text-decoration:none;background-color:#33abff; border-color:#33abff; color:white;}
/*======= section 4 ======*/

.iconsf{
    float: left;
}


.sec-height{
  padding-top: 35px;
  padding-bottom: 80px;
}

.testimonials{
  height: 1000px;
}
/*======= About Page  ======*/


.al-padding{
  padding-left: 30px;
}

.howpb{
  padding-bottom: 40px;
}

.a-pic-pad{
  padding-left: 20px;
}

.about-sec-2-padding{
  padding-top: 70px;
}

/*======= MarketPlace Page  ======*/


.mp-pb{
  padding-bottom: 120px;
}

.tmt{
  font-size: 35px;
  padding-bottom: 32px;
  color:white;
}

.mp-sec-1-layout{
  padding-top:80px;
  margin-top:10px;
}

.mp-sec-3-padding{
  padding: 0px;
}

.marketplace-padding{

  padding-bottom: 70px;
}

.marketplace-sec-5-button-2{

  margin-top: 90px;
  margin-bottom: 7px;
}

.marketplace-sec-5-button{

  margin-top: 70px;

}

/*======= another container  ======*/
.nav-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' f…3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E);
    color: black;
}


.grid-container {
  display: grid;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}


.footer-responsive-buttons-center{

}

/*======= home page  ======*/

/*======= section 4 ======*/
.home-sec-2-h1{
    font-size:35px;
  padding-top: 100px;
  padding-bottom: 25px;
}
    .home-sec-2-p{
      font-size: 17px;
    }

.home-sec-4-h1{
  font-size:35px;
  margin-bottom: 10px;
}


.home-sec-4-h5{
  font-size:20px;
  margin-bottom: 40px;
  margin-top: 20px;
}

.posts{
    position: relative;
}

.artwork2{
    position: absolute;
    top: 10px;
}

    .home-sec-3-h2{
        font-size:35px;
        text-align: center;
    }

    .home-icon-text{
      padding-left: 70px;
      font-size:17px;
      color: #12234b;
    }

      .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:110px;
    }


    .home-sec-5-h1{

      font-size:35px;

    }

/*======= promote page Responsive  ======*/

.hr-hide{
  display: none;
}


.hr-hide2{
  display: none;
}
.promote-cont-sec-1{

  padding-top: 100px;
}

.pcontentbox {
  box-sizing: border-box; 
  margin-bottom: 20%;
}
.promote-sec-2{

  margin-bottom: 15px;
  font-size: 17px;
  color: #12234b;

}

.promote-sec-11 {
  font-size:15px;

}

.promote-horizontal hr{
    border-width: 2px;
  border-color: #e1e8f9;
  float: left;
  width: 33%;
}

.promote-sec-3-layout{
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 20px;
}

.promote-sec-3-box{
  background-color: #12234b;
  padding: 40px 0px 40px 0px;
  margin: 20px 0px 0px 0px;
}

.promote-sec-4-pl{
  padding-left: 40px;
}


.promote-sec-3-margin-button{
  margin-bottom: 70px;
}


/*======= Sell Page  ======*/

.sell-tools{
  font-size:17px;
  color:#33abff;
  padding: 20px 0px 0px 120px;
}

.sell-tools-2{
  font-size:17px;
  color:#33abff;
  padding: 10px 0px 0px 120px;
}
.sell-tools-mb{
  margin-bottom: 60px;
}
.featureart{
  position: absolute;
  top: -103px;
  right: 120px;
}

ul{
  list-style: url(..images/li-style.png);
  list-style-size:20px;
}


/*======= Sell Responsive  ======*/


.sell-sec-3-h1{
  font-size:35px;
  color:#12234b;

}

.sell-sec-3-h2{
  font-size:25px;
  color:#33abff;
  margin-top: 10px;
}

.sell-sec-3-p{
  padding-top: 20px;
  font-size:17px;

}

.sell-sec-3-li{
  padding-top: 20px;
  margin-bottom: 35px;
  font-size:17px;
  color:black;
}

.sell-sec-7-padding{
  padding-top: 110px;
}
@media(min-width: 1500px){
      .container{
        max-width: 1250px;
    }
  .nav-container{
        max-width: 1250px;
    }

}

@media(max-width: 1500px){
  .featureart{
    position: absolute;
    top: -37px;
    right: 120px;
    }
}

@media(max-width: 1460px){

    .featureart{
    position: absolute;
    top: -102px;
    right: 120px;
    }
}
@media(max-width: 1200px){
  /*======= Home Page  ======*/

      .center-nav{
       margin-left: 20px;
     }

  /*======= Promote Page  ======*/

  .pcontentbox {
  box-sizing: border-box; 
  margin-bottom: 5%;
}

    .promote-sec-2{

    margin-bottom: 5px;
    font-size: 17px;
    color: #12234b;
    text-align: center;
  }

  .promote-sec-11 {
    font-size:15px;
    text-align: center;
  }

.promote-horizontal hr{
  border-width: 2px;
  border-color: #e1e8f9;
  float: none;
  width: 33%;
  margin-top: 5%;
}
  .hr-hide{
  display: block;
}

  /*======= Sell Page  ======*/

  .featureart{
  position: absolute;
  top: -12px;
  right: -20px;
}

.featureart-class{
  height: 200px;
}

    .css-grid-margins-2{
      margin-left: 30px;
    }

 /*======= about Page  ======*/
 .rot{
   -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg);    
   float: left;
   left: -80px;
   position: absolute;
   top: 80px;
}
 .rot2{
   -webkit-transform: rotate(-90deg); 
   -moz-transform: rotate(-90deg);    
   float: left;
   left: -110px;
   position: absolute;
   top: 80px;
}

.marketplace-sec-5-button-2{
  padding-top: 114px;
  margin-top: 33px;
  margin-bottom: 4px;
}
}

@media(max-width: 992px) {

      .navbar-header {
          float: none;
      }
      .navbar-toggle {
          display: block;
      }
      .navbar-collapse {
          box-shadow: none;
      }
      .navbar-collapse.collapse {
          display: none!important;
      }
      .navbar-collapse.collapse.in {
          display: block!important;
      }
      .navbar-nav {
          float: none!important;
          margin: 7.5px -15px;
      }
      .navbar-nav>li {
          float: none;
      }
      .navbar-buttons{
        float: left!important;
        padding-left: 30px;
      }

  /*======= Home Page  ======*/

    .nav-container{
        max-width: 970px;
    }


    .nav-lag-left{
      padding-left: 10px;
    }

    .navpad li{
      padding: 5px;
    }

    .home-sec-2-artwork{
      padding-top: 50px;
    }

    .home-sec-2-h1{
        font-size:35px;
        padding-top: 50px;
        padding-bottom: 25px;
    }
    .home-sec-3-h2{
        font-size:35px;
        text-align: center;
    }

    .artwork2{
      position: absolute;
      top:10px;
      right: 140px;
    }
    .sec-height{
      
      height: 700px;
    }

        .home-sec-4-h1{
  font-size:35px;
  margin-bottom: 10px;
  text-align: center;
}
            .home-sec-5-h1{
      
      font-size:35px;
      text-align: center;

    }
        .home-sec-2-p{
      font-size: 17px;
      text-align: center;
    }

.home-sec-4-h5{
  font-size:20px;
  margin-bottom: 40px;
  margin-top: 20px;
  text-align: center;
}

        .home-content-grid-padding{
      padding-top: 40px;
      padding-bottom: 30px
    }


    /*=== home css grid ====*/
    .header22{



      grid-column: 1/ -1;
    }

    .menu22{



      grid-row: 2 / 3;
      grid-column: 1/ -1;

    }

    .content-22{


      grid-column: 1/ -1;
    }

    .home-sec-5-cssgrid{
      height: 1300px;
    }
    .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:110px;
      text-align: center;
    }

    .div-buttom-home-sec-5{
      text-align: center;
    }

    .css-grid-margins-2{
      margin-left: 0px;
    }
          /*======= marketplace Page  ======*/

    .mp-pb{
    padding-bottom: 0px;
    }

      .mwbutton{
    border-radius: 50px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 260px;
    color:white;
    font-size: 5px;
  }

    .mp-sec-1-layout{
  padding-top:50px;
  margin-top:0px;
  text-align: center;
  padding-right: 15px;
  }


/*======= Promote Page  ======*/

  .promote-sec-2{

    margin-bottom: 25px;
    font-size: 17px;
    color: #12234b;
    text-align: center;
  }

  .promote-sec-11 {
    font-size:15px;
    text-align: center;
  }

  .promote-horizontal hr{
  border-width: 2px;
  border-color: #e1e8f9;
  float: none;
  width: 33%;
  margin-top: 10%;
}


/*======= Sell Page  ======*/
    .featureart{
      position: absolute;
      top: -75px;
      right: 130px;
    }

    .featureart-class{
      height: 400px;
    }

    .sell-sec-3-h1{
  font-size:35px;
  color:#12234b;
  text-align: center;
}

.sell-sec-3-h2{
  font-size:25px;
  color:#33abff;
  text-align: center;
}

.sell-sec-3-p{
  padding-top: 20px;
  font-size:17px;
  text-align: center;
}

.sell-sec-3-li{
  padding-top: 20px;
  margin-bottom: 35px;
  font-size:17px;
  color:black;
  text-align: center;
  list-style-position: inside;
  padding-left: 0px !important;
}


/*======= About Page  ======*/
  .rot{
      -webkit-transform: rotate(0deg); 
      -moz-transform: rotate(0deg);    
      float: none;
      left: 15px;
      position: relative;
      top: 0px;
      padding-bottom: 40px;
  }

    .rot2{
      -webkit-transform: rotate(0deg); 
      -moz-transform: rotate(0deg);    
      float: none;
      left: 15px;
      position: relative;
      top: 0px;
      padding-bottom: 40px;
  }


   .al-padding{
       padding-left: 15px;

   }
  .howpb{
       padding-bottom: 0px;
  }

.about-response-p{
  padding-left:30px;
}

.full-image-width{
  width: 100%;
}
/*======= footer Page  ======*/
      .footer-ml{
  padding-top: 30px;

}

}

@media(max-width: 870) {
        .center-nav{
       margin-left: 10px;
     }
}


@media(max-width: 768px){

/*======= Home Page  ======*/

      .navbar-buttons{
        float: left!important;
        padding-left: 45px;
      }
          .center-nav{
       margin-left: 0px;
     }
  .nav-lag-left{
      padding-left: 10px;
    }

    .home-sec-2-h1{
        font-size:35px;
        padding-top: 30px;
        padding-bottom: 25px;
        text-align: center;
    }

    .home-sec-2-p{
      font-size: 17px;
      text-align: center;
    }

    .home-sec-4-h1{
  font-size:35px;
  margin-bottom: 10px;
  text-align: center;
}
.home-sec-4-h5{
  font-size:20px;
  margin-bottom: 40px;
  margin-top: 20px;
  text-align: center;
}
    .artwork2{
    position: absolute;
    top: 110px;
    right: 110px;

}

    .sec-height{
      
      height: 850px;
    }

        .home-sec-5-h1{
    
      font-size:35px;
      text-align: center;

    }

        /*=== home css grid ====*/
    .header22{



      grid-column: 1/ -1;
    }

    .menu22{



      grid-row: 2 / 3;
      grid-column: 1/ -1;

    }

    .content-22{


      grid-column: 1/ -1;
    }

    .home-sec-5-cssgrid{
      height: 1300px;
    }
    .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:110px;
      text-align: center;
    }

    .div-buttom-home-sec-5{
      text-align: center;
    }

        .css-grid-margins-2{
      margin-left: 20px;
    }
/*======= About Page  ======*/

    
/*======= marketplace Page  ======*/

  .marketplace-container-sec-4{
  padding: 0px!important;
}

    .mp-pb{
    padding-bottom: 0px;
    }

      .mp-sec-1-layout{
  padding-top:50px;
  margin-top:0px;
  text-align: center;
  padding-right: 15px;
  }

    .mp-sec-3-padding{
  padding: 0px 15px 0px 15px;
  }


/*======= Promote Page  ======*/


      .promote-horizontal hr{
      border-width: 2px;
      border-color: #e1e8f9;
      float: none;
      width: 33%;
      margin-top: 10%;
    }


/*======= Sell Page  ======*/
    .featureart{
      position: absolute;
      top: -75px;
      right: 20px;
    }

    .featureart-class{
      height: 350px;
    }


    /*======= footer Page  ======*/
      .footer-ml{
  padding-top: 30px;

}

}

@media (max-width: 576px){
  /*======= Home Page  ======*/
    .home-col{
      width: 50%;
    }

    .home-business-icons{
      width: 50%;
    }

    .home-icon-text{
      padding-left: 70px;
      font-size:16px;
      color: #12234b;
    }

    .artwork2{
    position: absolute;
    top: 20px;
    right: 40px;
}

    .sec-height{
      
      height: 750px;
    }

        .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:70px;
      text-align: center;
    }
        /*=== home css grid ====*/
    .header22{



      grid-column: 1/ -1;
    }

    .menu22{



      grid-row: 2 / 3;
      grid-column: 1/ -1;

    }

    .content-22{


      grid-column: 1/ -1;
    }

    .home-sec-5-cssgrid{
      height: 1250px;
    }
        .css-grid-margins-2{
      margin-left: 0px;
    }

    .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:110px;
      text-align: center;
    }

    .div-buttom-home-sec-5{
      text-align: center;
    }

/*======= About Page  ======*/


/*======= marketplace Page  ======*/

    .mp-pb{
    padding-bottom: 0px;
    }

    .mp-sec-1-layout{
      padding-top:50px;
      margin-top:0px;
      text-align: center;
      padding-right: 15px;
    }
      .mp-sec-3-padding{
  padding: 0px 15px 0px 15px;
  }


 /*======= Sell Page  ======*/
    .sell-col{
      width: 50% !important;
      padding: 0px 0px 0px 15px;
    }

    .img-siz{
      width: 60px;
      height: 60px;
    }

    .switchart-size{
      height: 90%;
    }
    .sell-tools{
      font-size:17px;
      color:#33abff;
      padding: 20px 0px 0px 80px;
    }

    .sell-tools-2{
      font-size:17px;
      color:#33abff;
      padding: 10px 0px 0px 80px;
    }
    .sell-tools-mb{
      margin-bottom: 40px;
    }

    .sell-tools-resize{

      height: 350px;
    }

/*======= footer Page  ======*/
      .footer-ml{
  padding-top: 30px;

}

}


@media (max-width: 375px) {

/*======= Home Page  ======*/
   .container{
        padding: 0%!important;
    }
    .navbar{
      padding: 20px 0% 0% 0%;
    }

    .nav-lag-left{
      padding-left: 10px;
    }

.button-home{
    width: 290px;padding:20px;
    text-align:center;
    color:white;
    font-size:12px;
}
  .testimonials{
    height: 1800px;
  }
     .sec-height{
      
      height: 780px;
    }

    .home-col{
      width: 50%;
    }

    .home-business-icons{
      width: 50%;
    }

    .home-icon-text{
      padding-left: 70px;
      font-size:10px;
      color: #12234b;
    }

        .css-grid-margins-2{
      margin-left: 0px;
    }
    .home-sec-5-get{

      font-size:20px;
      padding-top: 10px;
      padding-bottom:70px;
      text-align: center;
    }



        .artwork2{
      position: absolute;
      top:30px;
      right: 0px;
    }
    .sec-height{
      
      height: 760px;
    }
/*======= About Page  ======*/

    .rot{
         -webkit-transform: rotate(0deg); 
         -moz-transform: rotate(0deg);    
         float: none;
         left: 0px;
         position: relative;
         top: 0px;
         padding-bottom: 40px;
      }

          .rot2{
         -webkit-transform: rotate(0deg); 
         -moz-transform: rotate(0deg);    
         float: none;
         left: 0px;
         position: relative;
         top: 0px;
         padding-bottom: 40px;
      }

      .al-padding{
        padding-left: 0px;

      }
      .howpb{
        padding-bottom: 5px;
      }
      .about-response-p{
        padding-left: 15px;
      }

      .a-pic-pad{
        padding-left: 0px;
      }

      

      .full-image-width {
        width: 100%;
        height: 100%;
      }

/*======= marketplace Page  ======*/

  .mp-pb{
    padding-bottom: 0px;
  }

  .tmt{
  font-size: 35px;
  padding-bottom: 32px;
  color:white;

  }

  .mp-sec-1-layout{
  padding-top:50px;
  margin-top:0px;
  text-align: center;
  padding-right: 15px;
  }

  .mp-sec-3-padding{
  padding: 0px 15px 0px 15px;
  }

  .mwbutton{
    border-radius: 50px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 320px;
    color:white;

  }

.marketplace-padding{

  padding-bottom: 0px;
}

.marketplace-container-sec-4{
  padding: 0px;
}

.marketplace-sec-5-button-2{

  margin-top: 50px;

  margin-bottom: 50px;
}

.marketplace-sec-5-button{

  margin-top: 50px;
  margin-bottom: 50px;
}

/*======= Promote Page  ======*/

  .promote-cont-sec-1{
    padding-top: 30px;
  }

  .promote-sec-2{

  margin-bottom: 15px;
  font-size: 17px;
  color: #12234b;
  text-align: center;

}

.promote-sec-11 {
  font-size:15px;
  text-align: center;
}
.promote-horizontal hr{
  border-width: 2px;
  border-color: #e1e8f9;
  float: none;
  width: 33%;
  margin-top: 10%;
}

.pcontentbox {
  box-sizing: border-box; 
  margin-bottom: 10%;
}

.promote-sec-3-layout{
  padding-top: 70px!important;
  padding-bottom: 70px;
  margin-bottom: 20px;
}

.bbbutton{
    border-radius: 50px;
    border-color: #0f75bc;
    background-color: #0f75bc;
    width: 335px;
    height: 60px;
    color:white;

}

.promote-sec-3-margin-button{
  margin-bottom: 0px;
}

.promote-sec-4-pl{
  padding-left: 15px;
  padding-right: 15px;
}

.promte-button-sec-5{
  font-size: 14px;
}

/*======= Sell Responsive  ======*/

.sell-art-padding{
  padding-top: 50px;
}
.sell-sec-3-h1{
  font-size:35px;
  color:#12234b;
  text-align: center;
}

.sell-sec-3-h2{
  font-size:25px;
  color:#33abff;
  text-align: center;
}

.sell-sec-3-p{
  padding-top: 20px;
  font-size:17px;
  text-align: center;
}

.sell-sec-3-li{
  padding-top: 20px;
  margin-bottom: 35px;
  font-size:17px;
  color:black;
  text-align: center;
  list-style-position: inside;
  padding-left: 0px !important;
}

.sell-col{
  width: 50% !important;
  padding: 0px 0px 0px 15px;
}

.img-siz{
  width: 60px;
  height: 60px;
}

.switchart-size{
  height: 90%;
}
.sell-tools{
  font-size:12px;
  color:#33abff;
  padding: 20px 0px 0px 80px;
}

.sell-tools-2{
  font-size:12px;
  color:#33abff;
  padding: 10px 0px 0px 80px;
}
.sell-tools-mb{
  margin-bottom: 40px;
}

.sell-tools-resize{

  height: 250px;
}

.sell-sec-7-padding{
  padding-top: 50px;
}
.size-35px{
  font-size:  180%;
}
.size-25px{
  font-size:  120%;
}

.size-17px{
  font-size:  120%;
}


/*======= ABout Responsive  ======*/
.about-pic-mob{
  width: 50%;
}

.about-sec-2-padding{
  padding-top: 20px;
}
/*======= Footer Responsive  ======*/

  .footer-responsive-buttons-center{
    display:block;margin:0 auto;
    margin-top:20px;
    padding-left: 20px;
  }

  .footer-ml{
  padding-top: 30px;
  margin-left: 10px;
}

.footer-ml-2-button{
  margin-left: 40px;
}




    .header22{

      padding-top: 40px;

      grid-column: 1/ -1;
    }

    .menu22{


      grid-row: 2 / 3;
      grid-column: 1/ -1;

    }

    .content-22{


      grid-column: 1/ -1;
    }

    .css-grid-margins{
      margin-left: 0px;
    }

    .home-sec-5-cssgrid{
      height: 1100px;
    }

}