#header, #logo {
	background-image: url("../images/header-bg.jpg");
	background-repeat: repeat-x;
	/*padding-left: 30px;*/
	padding-right: 30px;
}
#header {
	padding-left: 30px;
	}
.blackbox_285px {
	background: #000;
	height: 285px;
	width: 285px;
	margin-top: 60px;
}
.blackbox_225px {
	background: #000;
	height: 225px;
	width: 225px;
	padding-top: 30px;
	padding-left: 30px;
}
.yellowbox_225px {
	background: #fff56d;
	height: 225px;
	width: 225px;
	padding-top: 30px;
	padding-left: 30px;
}
.tp0 {
	margin-top: 0;
}
.tp30 {
	margin-top: 30px;
}
.tp120 {
	margin-top: 120px;
}
.tp150 {
	margin-top: 150px;
}
.tp-30 {
	margin-top: -30px;
}
.pt60 {
	padding-top: 60px;
}
.ml180 {
	margin-left: 180px !important;
}

.yellowbox_285px {
	background: #fff56d;
	height: 285px;
	width: 285px;
	padding-top: 30px;
	padding-left: 30px;
}
/* hamnurger*/
     .bar1, .bar2, .bar3 {
	width: 30px;
	height: 2px;
	background-color: #000;
	margin-top: 8px;
	transition: 0.4s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
.yellow_bg {
	padding:30px;
	padding-left:0;
	display:inline-block;
	background-image:url(../images/text-bg.jpg);
	background-repeat:repeat-y;
}
.yellow_bg_full {
	width:100% auto; 
	max-width:705px; 
	padding:30px;
	padding-left:0px;
	display:inline-block;
	background-image:url(../images/text-bg.jpg);
	background-repeat:repeat-y;
	margin-left: 30px;
/*	float:right;*/
	margin-right:30px;
}
#title2{
    margin-top: 195px;
}
.responsive_float_left-t{
    margin-top: 60px !important;
    float:left !important;
}	
 @media (min-width: 768px)   .container {
 max-width: 480px!important;
}
.nopadding {
	padding-top: 0 !important;
	margin-top:  0 !important;
	padding-bottom: 0 !important;
	margin-bottom:   0 !important;
}
.text-line {
	background-color: transparent;
	color: #000;
	outline: none;
	outline-style: none;
	outline-offset: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid #000 1px;
	padding: 3px 5px;
	width:100% !important
}
body {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight:100;
	color:#000;
}
.heading_text {
	font-size: 48px;
	color: white;
	line-height: 48px;
	padding-top: 30px;
	padding-left: 30px;
}
.heading_text_black {
	font-size: 48px;
	color: #000;
	line-height: 48px;
}
.heading_text_white {
	font-size: 48px;
	color: #fff;
	line-height: 48px;
}
.sub_heading_text_black {
	font-size: 36px;
	line-height: 36px;
	color: #000;
}
.sub_heading_text_white {
	font-size: 36px;
	line-height: 36px;
	color: white;
}

.team_img {
	margin-left: 255px !important;
	margin-top: 30px !important;
}
 body::-webkit-scrollbar {
 width: 1em;
}
 body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 body::-webkit-scrollbar-thumb {
 background-color: #ccc;
 outline: 1px solid #999;
}
body {
	overflow-y:scroll;
}
.dropbtn {
	background: white;
	color: white;
	/*padding: 16px;*/
  	font-size: 16px;
	border: none;
	cursor: pointer;
	margin:0;
	padding:0;
}
.dropbtn:hover, .dropbtn:focus {
}
.dropdown {
	float: right;
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 200px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	right: 0;
	z-index: 1;
}
.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown a:hover {
	background-color: #fff56d;
}
.show {
	display: block;
}


 /* Style Media  Query*/

 @media (max-width: 990px)
   {
       #who_we_are{
           margin-left:30px!important;
       }
     body
      {
             background-color: white !important;
      }
   #contact_us
      {
             width: 100% !important
      }
       
   #header, #logo
     {
              background-image: url(../images/header-bg.jpg);
              background-repeat: repeat-x;
              padding-left: 15px; 
              padding-right: 7px; 
			  width: 100% auto;
      }
	#header {
	padding-left: 0;
	}
   .blackbox_285px
      {
              margin: 30px 15px  !important;
      }
	.blackbox_225px {
	margin-left: 15px;
}
   #contact_main_div{
              padding:0 !important;
             padding-top: 30px !important;
              margin: 0 !important;
   }
   
   .copyright_desktop1{
   display: none  ;
   }
   .copyright_mobile{
   display: block !important ;
   }

.yellow_bg_full {
   /* max-width: 100% !important;
    padding: 0px;
    padding-left: 0px;
    display: inline-block;
    background-image: url(../images/text-bg.jpg);
    background-repeat: repeat-y;
    max-width: 100% !important;
    width: 90% !important;*/
    margin-right: 15px;
	margin-left:30px;
}	
/*.yellow_bg_full{
	max-width: 100% !important;
	width: 90% !important;

}*/

.team_img {
   margin-left: 30px !important; 
    margin-right: 30px !important; 
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#team1, #team2, #team3{
    margin-top: 30px;
	margin-bottom: 30px;
}
#title2{
    margin-top: 0;
	margin-bottom: 30px;
}
#title3{
    top: -12px !important;
	margin-top: 12px;
}
#team3{
	margin-top: 18px;
}
#who_we_are_info{
	padding-top: 0px !important;
}
.responsive_float_left-t{
    margin:0px !important;
    margin-top: 30px !important;
    float:left !important;
	margin-left : 15px !important;
}	
.responsive_float_left{
    margin:0px !important;
    margin-top: 0px !important;
    float:left !important;
	margin-left : 75px !important;
}	
.responsive_float_right{
    margin:0px !important;
    margin-top: 0px !important;
    float:left !important;
    margin-left : 105px !important;
}
.tp0 {
	margin-top: 30px !important;
}
.tp30 {
	margin-top: 30px !important;
}
.tp60 {
	margin-top: 30px !important;
}
.tp120 {
	margin-top: 30px !important;
}
.tp150 {
	margin-top: 30px !important;
}
.pt60 {
	padding-top: 0 !important;
}
.tp-30 {
	margin-top: 30px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml180 {
	margin-left: 30px !important;
}