/************ phone area ************/
@media screen and (max-width:939px){

  
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.font-color{ color: #333333; }
.font-color a{ color: #333333; }
.bg-color{background-color: #ffffff;}
.link {
  display: #333333;
  padding: 0.5rem 0rem;
}

.link:hover, .link:focus {
  text-decoration: none;
}

.brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  margin-left: 0rem;
}

.brand:hover, .brand:focus {
  text-decoration: none;
}

.loginout{
  margin-right: 0rem;
}


.bg-footer{background-color: #333333; color:#ffffff; padding-top: 20px; width: 100%; height:300px;}


.item-descript{padding:4rem 0 ;}

 

a:link { color: #333333; }           
a:visited { color: #333333; }      
a:hover { color: #333333; text-decoration:none;}   
a:active { color: #333333; }         

.nav-item, .loginout{margin-top: 0px;margin-right: 20px;}


.contactus-area{width: 100%; min-height: 100px; background-color: #e8903a; border-radius: 7px; padding: 50px 20px; margin:100px 0 50px 0;}
.contactus-area-content{}
.contactus-area-left{ font-size: 28px; color: #ffffff; }
.contactus-area-right{ cursor: pointer; font-size: 18px; background-color: #ffffff; color: #333333; margin-top: 40px; border-radius: 90px; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.contactus-area-center{cursor: pointer; font-size: 18px; background-color: #ffffff; color: #333333; margin-top: 40px; border-radius: 90px; text-align: center; padding-top: 20px; padding-bottom: 20px; }



}

/************ web area ************/
@media screen and (min-width:940px){

  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .font-color{ color: #333333; }
  .font-color a{ color: #333333; }
  .bg-color{background-color: #ffffff;}
  .link {
    display: #333333;
    padding: 0.5rem 0rem;
  }

  .link:hover, .link:focus {
    text-decoration: none;
  }

  .brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    margin-left: 0rem;
  }

  .brand:hover, .brand:focus {
    text-decoration: none;
  }

  .loginout{
    margin-right: 0rem;
  }


  .bg-footer{background-color: #333333; color:#ffffff; padding-top: 20px; width: 100%; height:300px;}
  

  .item-descript{padding:4rem 0 ;}

   

  a:link { color: #333333; }           
  a:visited { color: #333333; }      
  a:hover { color: #333333; text-decoration:none;}   
  a:active { color: #333333; }         
 
  .nav-item, .loginout{margin-top: 20px;}


  .contactus-area{width: 100%; min-height: 100px; background-color: #e8903a; border-radius: 7px; padding: 50px 20px; margin:100px 0 50px 0;}
  .contactus-area-content{}
  .contactus-area-left{ font-size: 28px; color: #ffffff; }
  .contactus-area-right{ cursor: pointer; font-size: 18px; background-color: #ffffff; color: #333333; margin-top: 40px; border-radius: 90px; text-align: center; padding-top: 20px; padding-bottom: 20px; }
  .contactus-area-center{cursor: pointer; font-size: 18px; background-color: #ffffff; color: #333333; margin-top: 40px; border-radius: 90px; text-align: center; padding-top: 20px; padding-bottom: 20px; }


  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }


  .link {
    display: #333333;
    padding: 0.5rem 1rem;
  }

  .link:hover, .link:focus {
    text-decoration: none;
  }
  

  .brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    margin-left: 5.1rem;
  }

  .brand:hover, .brand:focus {
    text-decoration: none;
  }

  .loginout{
    margin-right: 5.1rem;
  }

  .nav-item, .loginout{margin-top: 0px;}

  
  .contactus-area{width: 100%; min-height: 100px; background-color: #e8903a; border-radius: 10px; padding: 50px 30px; margin:100px 0 50px 0;}
  .contactus-area-content{}
  .contactus-area-left{ font-size: 28px; color: #ffffff; }
  .contactus-area-right{ float: right; margin-top: -55px; cursor: pointer; font-size: 20px; background-color: #ffffff; color: #333333; border-radius: 90px; padding: 20px 120px; text-align: center; }
  .contactus-area-center{ width:50%; margin:120px auto 0 auto;   cursor: pointer; font-size: 20px; background-color: #ffffff; color: #333333; border-radius: 90px; padding: 20px 120px; text-align: center; }

 
}