@media (min-width: 767px) {

    .navbar-nav .dropdown-menu .caret {

	transform: rotate(-90deg);

    }

}



@media only screen  and (min-width: 320px) and (max-width: 480px){



.about-us-section p{

	 text-align: justify;

}



.event-box{

	 margin-right: 14px;

	 margin-right: 14px;

    margin-left: 10px;

    padding: 14px 10px;

}

	

.chairman-p-img{

	padding: 4px;

	text-align: center;

	    padding-bottom: 47px;

}	

.chairman-p-text h1{

	font-size: 21px;

}

.chairman-p-text h2 {

    position: relative;

    font-size: 18px;

}



.chairman-p-text p {

    position: relative;

    margin-top: 10px;

    font-size: 15px;



}



.chairman-p-text h3 {

    font-size: 14px;

    line-height: initial;

    padding-top: 13px;

}



.mybtn-6 {

    font-size: 13px;



}



.fa-ul h6 a {

    font-size: 14px;

}





}



@media only screen  and (min-width: 320px) and (max-width: 767px){
    
.upevent-pg{

    height: 500px;

}    
    
.join-service .manufac{
   
    height: auto;
}    
    
.gc-mem-img img{

      
        height: auto;

}    
  
.gc-cou-img img{

      
        height: auto;

}    
       

.blue-bg  li a{
    color:  #fff !important;
}    
    

.up-mob-hide{
    display: none !important;
}    
    
    
.member-form h2 {
    font-size: 17px;
    padding: 4px;
    width: 70%;
    margin: 15px auto;
}
    
.member-form {
   
    padding: 15px;
}
    
#no-more-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 60%;
    white-space: normal;
    text-align: left;
    font-size: 14px;
    line-height: initial;
    overflow: scroll;
}    
    
    
.page-header-wrapper .page-header-title h1 {
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    line-height: initial;
}    

.join-text .content h5 {
    transition: .2s;
    margin-left: 9px;
    font-size: 22px;
}    
    
.benfeits-box h4 {
  
    font-size: 22px;
}    
    
.media-centre h1 {
   font-size: 22px;
}

.gap-text h1 {
    font-size: 20px;
    line-height: initial;
    
}    
    

.header-info{

    background: #002f5d;

}


.what-new-box {
   
    display: inherit;
        margin-top: 21px;
    
}

.what-new-box p a {
   
    word-break: break-all;
}

.info-row:after{

	width: 0;

}

.social-info ul{

	float: none;

}

.mail-info ul li{

	    margin-bottom: 10px;

}



.logo-wrapper{

	margin-top: 10px;

}

.navbar-default{

	margin-top: 10px !important;

	    margin-bottom: 10px !important;

}

.navbar-collapse{

	float: none;

}

.banner-section {

    position: relative;

    margin-top: 0px;

}

.mail-info {

    position: relative;

    margin-bottom: 11px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

	    border-color: transparent;

}



.carousel-control{

	width: 10%;

    font-size: 30px;

}

.navbar-brand > img {

    display: block;

    height: 50px;

    width: auto;

    margin-top: 0;

}



.about-us-section p {

    font-size: 15px;

    line-height: 26px;

    margin-top: 20px;

    margin-bottom: 29px;

}



.section-title{

	font-size: 27px;
    text-transform: capitalize;

}



.section-title-a{

	font-size: 26px;

}



.about-us-section {

    padding: 35px 0;

}



.chairman-img img {

    height: auto;

    width: 100%;

}

.chairman-text {

    position: relative;

    background: #002f5d;

    padding: 28px 18px;

    height: auto;

    text-align: justify;

}



.chairman-section p {

    font-size: 15px;

    line-height: 26px;

    margin-top: 20px;

    margin-bottom: 29px;

}



.join-text {

    background: #002f5d;

    color: #002f5d;

    text-transform: uppercase;

    font-size: 28px;

    padding: 27px 15px;

    height: auto;

    overflow: hidden;

    line-height: 32px;

}



.ini-box {

    position: relative;

    padding: 15px;

    border: 1px solid #eaeaea;

    text-align: center;

    margin-top: 26px;

    border-radius: 3px;

	height: auto;
	    margin-bottom: 40px;

}



.ini-box p {

    font-size: 15px;

}



.section-title-b {

    font-size: 30px;

}



.gallery-section {

    position: relative;

    padding: 30px 0;

}



.sign-title h3 {

   

    font-size: 21px;

}



.sign-title p {

    font-size: 14px;

    padding-top: 15px;

    line-height: initial;

}



.sign-up-box {

    padding: 24px;

}



.sign-field input[type="submit"]{

	padding: 17.5px 11px;

	font-size: 14px;

}



.sign-field p {

       line-height: initial;

    font-size: 15px;

}



.sign-contact ul li {

    color: #fff;

    margin-bottom: 21px;

    font-size: 15px;

}



.media-img {

    position: relative;

}



.media-text {

    position: relative;

     margin-left: 0; 

    margin-top: 15px;

}





.footer-content{

	margin-top: 25px;

}



.footer-content ul {

    margin-top: 14px;

}



.footer-section {

    padding: 20px 0;

}



.copy-section{

	text-align: center;

	

    padding: 10px 0;



}



.copy-text-de{

	float: none;

	  color: #a6a5a5;

    margin-bottom: 12px;

    font-size: 12px;

    line-height: initial;

}

.copy-text {

    color: #a6a5a5;

    margin-bottom: 12px;

    font-size: 12px;

    line-height: initial;

}





.page-contact-wrap {

    padding: 30px 0;

}



.section-title-c {

    font-size: 27px;

	line-height: initial;

}

	

	

.page-header-wrapper {

	 margin-top: 0; 

}





.about-pg-img {

    margin-top: 0;

}



.about-pg-text p {

    font-size: 15px;

    line-height: initial;

    margin-top: 16px;

    margin-bottom: 35px;

    text-align: justify;

}



.about-us-pg-wrap {

    padding: 30px 0;

}



.vision-text p {

    text-align: center;

    font-size: 16px;

    color: #fff;

    margin-top: 15px;

    padding: 0; 

    line-height: initial;

}



.our-vision{

	padding: 20px 0;

	margin-top: 30px;

}



.activi-pg-us {

    position: relative;

    padding: 30px 0;

}



.activi-pg-us .about-pg-img {

     margin-top: 0px; 

}

.page-header-wrapper .page-header-content {

    padding: 30px 0 20px 0;

}



.page-header-wrapper .page-header-content {

    padding: 30px 0 20px 0;

}



.benefits-list{

	    height: auto;

    margin-bottom: 7px;

    padding: 15px;

}



.sign-up-box {

	margin-bottom: 30px;

}



.event-box{

	 margin-right: 14px;

	 margin-right: 14px;

    margin-left: 10px;

    padding: 14px 10px;

}



.page-contact-content .page-contact-add {

    padding-bottom: 28px;

}



.default-container {

    position: relative;

    padding: 30px 0;

}



.padd-res-zero{

	padding: 0;

}

.table-bordered {

        border: 1px solid #f9f9f9;

    -webkit-box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);

    box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);

}



.res-bg{

	background: #002f5d;

    color: #fff;

    font-weight: normal;

}



.fixed .navbar-brand img{

	height: auto;

    width: 50px;

    margin-top: 0;

    padding: 4px;

}



.fixed .navbar-default {

    margin-top: 2px !important;

    margin-bottom: 2px !important;

}



.social-info ul li {

    margin-right: 7px;

}



.social-info ul li i {

    padding-right: 0px;

}





.blue-bg{

	background-color: #002f5d !important;

    position: relative !important;

    left: 0 !important;

    top: 0 !important;

	border-left: 0px solid white !important;

}

.set-drop{

	position: relative;

		

}



.drop-fl{

	position: relative;

    top: 0;

    left: 0 !important;

	

}



.drop-fl{

	position: relative;

    top: 0;

    left: 0 !important;

	

}







.fixed{

	position: relative !important;

	



}

.mem-login {
    position: relative;
    padding: 20px;
}

.not-member h4{
    text-align: center;
}








}







@media only screen  and (min-width: 768px) and (max-width: 991px){

	

.navbar-brand img {

    width: 95px;

    margin-top: -10px;

}	

	

.ini-box {

    position: relative;

    padding: 19px;

}

	

.ini-box p {

    font-size: 15px;

}		

	

.header-info{

    background: #002f5d;

}

.info-row:after{

	right: -35px;

	width: 0;

}



.chairman-text p {

    

    font-size: 16px;

    margin-top: 24px;

    margin-bottom: 24px;

}



.section-title-a {

    font-size: 38px;

}



.chairman-text {

       padding: 25px;

}



.section-title-a {

    font-size: 30px;

}

.chairman-text p {

    font-size: 16px;

    margin-top: 15px;

    margin-bottom: 22px;

}



.chairman-img img {

    height: 264px;

}



.sign-field input[type="submit"]{

	

    padding: 16.5px;

    font-size: 16px;

}



.media-img {

    position: absolute;

}



.media-text {

    position: relative;

       margin-left: 35%;

    margin-top: 15px;

}





.media-text p {

    font-size: 15px;

    line-height: initial;

}



.media-img img {

  height: 98px;

    width: 246px;

}





.media-text h3 {

    font-size: 16px;

	    margin-bottom: 4px;

}



.media-text h4 {

    font-size: 13px;

}

.media-text a {

    font-size: 15px;

}



.footer-content h3 {

    font-size: 16px;

}



.footer-content ul {

    margin-top: 22px;

}



.about-pg-text p {

    font-size: 15px;

    line-height: initial;

    margin-top: 23px;

    margin-bottom: 35px;

}



.our-service .ini-box {

    margin-right: 15px;

    padding: 19px;

    height: 280px;

    margin-left: 9px;

}



.sign-up-box {

	margin-bottom: 30px;

}







}



@media only screen  and (min-width: 1086px) and (max-width: 1199px){

.chairman-img img {

    height: 293px;

}



.chairman-text p {

    

    font-size: 16px;

    margin-top: 24px;

    margin-bottom: 24px;

}



.section-title-a {

    font-size: 38px;

}









}





@media only screen  and (min-width: 992px) and (max-width: 1199px){

.nav > li > a{

	padding: 10px 8px;

}



.info-row:after{

	right: -41px;

	width: 5%;

}





.chairman-text p {

    

    font-size: 16px;

    margin-top: 24px;

    margin-bottom: 24px;

}



.section-title-a {

    font-size: 38px;

}



.join-text {

    background: #ffffff;

    color: #002f5d;

    text-transform: uppercase;

    font-size: 35px;

    padding: 79px 26px;

    height: auto;

    overflow: hidden;

}



.join-text i {

    font-size: 113px;



}



.media-img img {

    height: 77px;

}

.about-pg-text p {

    color: #656868;

    font-size: 15px;

    line-height: 26px;

    margin-top: 21px;

    margin-bottom: 35px;

}





}





@media (min-width: 768px) {

  ul.nav li:hover > ul.dropdown-menu {

    display: block;

  }

  

}