/* #### iPhone Portrait or Landscape #### */
@media screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5){
  .menu_m {
    background: #fff ;
    margin-bottom: 0px!important;
    color:#666;
  }
  .navbar-default .navbar-nav>li>a:focus{
    color:#333;
    background-color:#fff!important;
  }
  #content_contact{
    display:none;
  }
  .bg_promo{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important
  }

  .bg_about{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important;
  }

  .promopic{
     text-align: center;
    position: relative;
   clip:rect(0px, 255px, 245px, 0px);
   height: 230px;
  }

  .fix_logo{
    width: 77px;
    margin-left: 6%;
  }

  #introduction{
    display:none;
  }

  .fix_menu_toggle{
    margin-right: 10%;
  }

   .img-responsive{
    height: auto!important;
  }

}

@media only screen and (max-width: 480px) {
	.menu_m {
    background: #fff ;
    margin-bottom: 0px!important;
    color:#666;
  }
  .navbar-default .navbar-nav>li>a:focus{
    color:#333;
    background-color:#fff!important;
  }
  #content_contact{
    display:none;
  }
  .big-title{
    display:none;
  }
  .title_news_blog{
    padding-top: 10px;
    margin-left: 0px;
  }
  #introduction{
    display:none;
  }

  .title_news{
   position: relative;
   color: #fff;
   font-size: 9pt;
   margin-left: 5px;
 }

 .bg_promo{
  background-color: #f8f8f8;
  padding: 25px 15px;
  height: auto!important
}

.bg_about{
  background-color: #f8f8f8;
  padding: 25px 15px;
  height: auto!important;
}

.fix_logo{
  width: 77px;
  margin-left: 6%;
}

.fix_menu_toggle{
 margin-right: 10%;
}
.banner_1{
  height: 291px;
  width: auto;
}

  .promopic{
     text-align: center;
    position: relative;
   clip:rect(0px, 255px, 245px, 0px);
   height: 230px;
  }

  .img-responsive{
    height: auto!important;
  }

}

/* #### Mobile Phones Portrait #### */  /* ----------- iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) { 
  .menu_m {
    background: #fff ;
    margin-bottom: 0px!important;
    color:#666;
  }
  .navbar-default .navbar-nav>li>a:focus{
    color:#333;
    background-color:#fff!important;
  }
  #content_contact{
    display:none;
  }
  .bg_promo{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important
  }

  .bg_about{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important;
  }

  .fix_menu_toggle{
    margin-right: 10%;
  }

  .fix_logo{
    width: 77px;
    margin-left: 6%;
  }
  #introduction{
    display:none;
  }

   .about_1{
    transition: all 0.5s ease 0s;
    background-color: #cebed3;
    height: 330px;
    width: 100%;
  }
  .about_2{
  transition: all 0.5s ease 0s;
  background-color: #d19dbb;
  height: 330px;
    width: 100%;
}
.about_3{
  transition: all 0.5s ease 0s;
  background-color: #d27aa2;
  height: 330px;
  width: 100%;
}
.img-promo{
    border-radius: 5px;
    height: 230px;
    margin-left: -10px;
    width: 547px;
}

.rsu_font{
  color: rgb(255, 255, 255) ! important; 
  font-size: 24pt; 
  font-family: 'RSU';
  line-height: 110pt;

}

 .img-responsive{
    height: auto!important;
  }

.rsu_font_head{
  color:#333;
  font-size: 30pt; 
  font-family: 'RSU';
  line-height: 50pt;
  font-weight: bold;
}

.rsu_subject{
  color:#333;
  font-size: 22pt;
  line-height: 40pt;
}

.article_border {
  display: none;
}

.fix_mobile{
  margin-top: 10px;
}
 

}
@media screen and (max-device-width: 320px) and (orientation: portrait){
  .menu_m {
    background: #fff ;
    margin-bottom: 0px!important;
    color:#666;
  }
  .navbar-default .navbar-nav>li>a:focus{
    color:#333;
    background-color:#fff!important;
  }
  #content_contact{
    display:none;
  }
  .bg_promo{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important
  }

  .bg_about{
    background-color: #f8f8f8;
    padding: 25px 15px;
    height: auto!important;
  }

  .fix_menu_toggle{
    margin-right: 10%;
  }

  .fix_logo{
    width: 77px;
    margin-left: 6%;
  }
  #introduction{
    display:none;
  }
  .about_1{
    transition: all 0.5s ease 0s;
    background-color: #cebed3;
    height: 330px;
    width: 100%;
  }

   .img-responsive{
    height: auto!important;
  }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	  
  .fix_menu_ipad{
  	display: block;
  }
  
  .fix_logo{
  	width:50px!important;
  }
  .navbar-default .navbar-nav > li > a {
	margin:-7px -11px 0px 0px!important;
  }
}


/* This query is applied for landscape ipad, Mobile
*/
@media only screen and (min-width: 480px) and (max-width: 768px) and (orientation : landscape) {
	.menu_m {
    background: #fff ;
    margin-bottom: 0px!important;
    color:#666;
  }
  .fa-search{
   position:absolute;
 }
 .navbar-default .navbar-nav>li>a:focus{
  color:#333;
  background-color:#fff!important;
}
#content_contact{
  display:none;
}
.bg_promo{
  background-color: #f8f8f8;
  padding: 25px 15px;
  height: auto!important
}

.bg_about{
  background-color: #f8f8f8;
  padding: 25px 15px;
  height: auto!important;
}
.fix_logo{
  width: 77px;
  margin-left: 6%;
}
#introduction{
  display:none;
}

.fix_menu_toggle{
 margin-right: 10%;
}

  .img-responsive{
    height: auto!important;
  }
  .promopic{

    clip: rect(0px, 255px, 245px, 0px);
    text-align: center;
    height: auto;
    position: relative;
  }

  .about_3{
    background-color: #d27aa2;
    height: 200px;
    transition: all 0.5s ease 0s;
    width: auto;
  }

  .about_1{
    background-color: #cebed3;
    height: 200px;
    transition: all 0.5s ease 0s;
    width: auto;
  }

  .about_2{
    background-color: #d19dbb;
    height: 200px;
    transition: all 0.5s ease 0s;
    width: auto;
  }
  #portfolio-list li {
width: 100%;
  }
  .banner_1{
    height: auto;
    width: auto;
  }
  .fix_banner{
    height: auto;
    width: auto;
  }




}