html{
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	
}
.english {
  max-width: 470px;  
	padding:15px;
	 -webkit-user-select: none; /* Safari 3.1+ */
	 -moz-user-select: none; /* Firefox 2+ */
	 -ms-user-select: none; /* IE 10+ */
	 user-select: none; /* Standard syntax */
}

@media screen and (max-width: 1366px) {
	html {
		/*overflow: auto; */
		-webkit-overflow-scrolling: touch !important; 
		overflow-y: hidden;
	}
	body {
		height: 100%;
		-webkit-overflow-scrolling: touch !important;
		margin: 0;
		overflow-y: auto;
	}
	/* #right_column {
		height:0;
		display:block;
  }
   	.right_column1 {
		height:0;
		display:block;
  } */
  
}
/* 
@media screen and (min-width: 1024px) {
#right_column1{
display:none;
}
#right_column{
display:block;
}
#mobile-menu-button{
display:none;
}
}
@media screen and (max-width: 1024px) {
#right_column{
display:none;
}
#right_column1{
display:none;
}
#mobile-menu-button{
display:block;
}	   

}
	    */
	   

.overlay {
	height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
	
	background:url(../images/text_img.png) no-repeat top;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.3s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}


  .overlay a {font-size: 20px}
  
 
/*}*/

.col-7{
	width:70%;
	float:left;
	}
.col-6{
	width:60%;
	float:left;
}	
.col-4{
	width:40%;
	float:left;
}
.col-3{
	width:30%;
	float:left;
}
@media screen and (max-width: 1366px) {
	html {
		/*overflow: auto; */
		-webkit-overflow-scrolling: touch !important; 
		overflow-y: hidden;
	}
	body {
		height: 100%;
		-webkit-overflow-scrolling: touch !important;
		margin: 0;
		overflow-y: auto;
	}
	
	/* #right_column {
		height:0;
		display:block;
  } */
   	/* .right_column1 {
		height:0;
		display:block;
  } */
  
}

@media screen and (max-width: 1024px) {
#container {
	   position: relative;  
    overflow: auto;
	   /* height: 100%;   */
	 -webkit-overflow-scrolling: touch !important;
 -ms-overflow-style: none; 
  scrollbar-width: none; 

}
#translation_top {
    margin-left: 5px !important;
}
#translation{
	margin-left: 7px!important;
}
#translation_bottom{margin-left: 7px!important;}
.navbottom{
width: 100%!important;}	



	  #right_column {
			height:0;
			display:block;
	  }
	   /* #right_column1 {
			height:0;
			display:block;
	  } */
	  #container {
		/*background: url("../images/mobile_bg_container_new_2.png") repeat-y scroll center top / contain rgba(0, 0, 0, 0); */
	  }
	  #container_top {
			background: url("../images/mobile_page_top_new.png") no-repeat scroll center top / contain  rgba(0, 0, 0, 0);
	  }
	    #left_column {
		     padding-left: 6%;
		   /* width: 91%; */
		   width:88.3%;
		    padding-top: 20px;
		overflow-y: hidden;
    /* max-height: 800px; */
	overflow-x:hidden;
	padding-right:3.1%;
	padding-bottom: 35px;
	padding-top: 52px;
	  }
	 /* h1.section1 {
			width:98%;
			padding-bottom:1%;
	  }*/
	  .badge {
			/* right: 46px !important; */
			/* right: 3.5% !important; */
			/* right: 8%; */
			/* margin-left:0px; */
	  }
	  .column-1{
		 /* width:100%;*/
		  /* height:auto !important; */
	  }
	  .section2{
		/*  width:95%;*/
		  height:auto;
	  }
	  .section3{
		  /*width:100%;*/
		  height:auto;
	  }
	  
	  
	  .section4{
		 /* width:100%;*/
		  /* height:auto; */
	  }
	  .section5{
		/*  width:100%;*/
		  height:auto;
	  }
	  #image_panel {
			height: auto;
			float:left;
	  }
	  /* .english {
			float:left;
			width:80%;
	  } */
	  .info{
		  /* width:90%; */
		  height:100% !important;
		  float:left; 
		   width:100%;
		   margin-top: -78px;
	  }
	  /* .tabEnd{
		  display: none;
		  } */
	 h1.section3.section2 {
    margin: 0;
    padding-right: 0 !important;
       }
     #tabs.section2 {
    /*  padding-right: 16px;*/
	  }
	  #tabs {
		width: 100%;
	}
	    h1.section3{
	  padding-bottom:10px;
	 }
	  #right_column {
	top:0px;
	 	  right:0px !important;  
		width:165px; 
		display: none;
		margin-left: 12px;
		margin-right:0px !important;
		position: absolute;
		background-color:grey;
		height:auto;
	 border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; 
	/* 	top: 54px;		
right: 3% !important;		
width: 142px; */
	  }
	   #right_column1 {
		border-top-left-radius: 4px;
		top:19px;
	 	  right:0px ;  
		width:142px;
		display: none;
		margin-left: 12px;
		margin-right: 0px !important;
		position: absolute;
		background-color:grey;
		height:auto;
		 margin-top: -10px;
		 border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
/* 		border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; */
	  }
	  #right_column > div {
		display:block;
	  }
	  #right_column > div#mobile-menu-button, #right_column > div#navBtnHolder {
		display:block;
	  }
	  #right_column.showmenu {
		width: 165px;
		height:auto;
		display:block;
		/* right:40px; */
			right:30px;
		margin-right:39px ;
		
	 }
	 #right_column.showmenu > div {		
		display:block;
	 }
	 #right_column.showmenu > div#portfolio_tooltip {
		display:none;
	 }
	 #navBtnHolder {
		right:1%;
	 }
	  .mobile-menu-big-button{
		border-top-left-radius: 4px;
		display: block;
		top: 8px;
/* 		position: relative; */
		cursor: pointer;
		color:#FFFFFF;
		width:142px;
		height:32px;
		line-height:30px;
		background-color:grey;
		float:left;
		text-align:center;
		 content: Back;
border:none;
 /*  right: 3%;  */
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	 }
	.mobile-menu {
		display: block;
		position: absolute;
		cursor: pointer;
		color:#FFFFFF;
		width:90px;
		height:32px;
		line-height:30px;
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
		background-color:#757575;
		float:right;
		text-align:center;
		box-shadow: -2px 2px 1px lightgrey;
		-webkit-box-shadow: -2px 2px 1px lightgrey;
	    -moz-box-shadow:    -2px 2px 1px lightgrey;
		box-shadow:        -2px 2px 1px lightgrey;
		 -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	}
	.mobile-menu span {
		display: block;
		margin-top: 4px;
		height: 2px;
		background: white;
		width: 24px;
	}
	
	  /*karthi05-14*/
	  
	   .row{
	width:99%;  
	 }
	 
	 .column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	background:url(../images/tabshadow.png) top left no-repeat;	
	/* margin-bottom:.3em; */
	 }
	 

		 
		 
	 /* .column-2{
	  width:40%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 } */
	 
	 .cap31{
	  width:50%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 
	 .cap32{
	  width:15%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	/*  .column-2:first-child{
		width:60% !important;
		padding-right:0% !important;
		
	} */
	
	.cap1{
		width:65% !important;
		padding-right:0% !important;
	}
	
	/* .column-2:nth-child(2n+2){
		width:22% !important;
		padding-right:5% !important;

		padding-left:6% !important;
		 
	}
	 */
	.cap2{
		width:10% !important;
		padding-right:0% !important;

		padding-left:3% !important;
		 
	}
	
	 
	 
	 /* .column-3:first-child{
		width:90% !important; 
		padding-bottom:.3em;
		padding-right:0 !important;
		} */
	 
	 .cap21{
		width:35% !important; 
		/* padding-bottom:.3em; */
		padding-bottom:10px;
		padding-right:0 !important;
		}
	 
	 /* .column-3:not(first-child){
	  width:40% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 } */
	 
	 .cap22{
	  width:15% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 .cap23{
	  width:15% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	#tabs > .longtext {
    font-size: 1.3em !important;
    /*padding-right: 2em !important;*/
    padding-top: 0.7em;
    vertical-align: middle;
		 
	 }
	 
	 #tabs .t768-fs20{
	  font-size:20px;
	 }
	 .tcap1 {
		padding-bottom: 6px;
	 	width: 63%; 
		padding-right:1em !important;
	}
	.tcap2 {
		padding-left:1em !important;
	 	width: 10%; 
	}
	
}
	

@media screen and (max-width:992px){
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	  h1.section1 {
		width:93%;
		padding-bottom: 1%;
  }
  }	
.row{
	width:99%;
}


 .column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	/*  padding-bottom:1% !important; */
	background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	
	/*  .column-2{
	  width:40%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 } */
	 
	 
	 .cap31{
	  width:50%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 .cap32{
	  width:15%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 /* .column-2:first-child{
		width:60% !important;
		padding-right:0% !important;
		
	} */
	
	.cap1{
		width:65% !important;
		padding-right:0% !important;
	}
	
	/* .column-2:nth-child(2n+2){
		width:15% !important;
		padding-right:5% !important;
		padding-left:6% !important;
		 
	} */
	
	.cap2{
		width:10% !important;
		padding-right:0% !important;
		padding-left:3% !important;
		 
	}
	
	/* .column-3:first-child{
		width:90% !important; 
		padding-bottom:.3em;
		padding-right:0 !important;
		} */
	 
	 .cap21{
		width:35% !important; 
		/* padding-bottom:.3em; */
		padding-right:0 !important;
		}
		
	 /* .column-3:not(first-child){
	  width:40% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 } */
	 
	 .cap22{
	  width:15% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	.cap23{
	  width:15% !important;	 
	  display:inline-block;
	  float:left;
	  background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	#tabs.section2 {
    background-color:transparant !important;
	}
	#tabs.section2 {
    padding-right:0 !important;
  }
.english {
		 /*margin-top:30px;*/
	 }


	
}

@media screen and (max-width:800px){
	
	.column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 /* padding-bottom:1% !important; */
	background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	  .badge{
	  /* top:0px !important; */
	  /*height:75%;*/
	  /* top:18px !important; */
	 }
	
	 #left_column {
		padding-left: 6%;
	  width: 88.4%;
	  /*  padding-top: 20px; */
   /* overflow-y: scroll; */
/* max-height: 600px; */
overflow:hidden;
padding-right:3%;
padding-bottom: 0px;
 }
 h1.section1 {
    width: 98%;
    /* padding-bottom: 1%; */
}
/* .badge {
    right: 4.5%;
    margin-left: 0px;
} */
.cap2{
	  width:93%;	 
	 display:inline-block;
	 float:left;
     padding-left:3% !important;
	 padding-right:3% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
}

@media screen and (min-width:770px) and (max-width:800px){

	.badgeimg{
	  top:0px !important;
	  height:auto;
	  width:70%;
	 }
	 #left_column {
		padding-left: 6%;
	  width: 88.4%;
	   padding-top: 52px;
   overflow-y: hidden;
/* max-height: 600px; */
overflow-x:hidden;
padding-right:3%;
padding-bottom: 35px;
 }
 /* #navBtnHolder{
	 position: absolute;
 } */
	}

	@media screen and (max-width: 860px) {
	.cap21{
		width:90% !important;
	   }
   .cap22{
		width:38% !important;
	   padding-right:8% !important;
	  padding-left:4% !important;
	  background: url("../images/tabshadow_top.png") no-repeat !important;
   }
   .tabEnd {
	   display: none;
   }

}
	
	@media screen and (max-width:800px){
	
			.badge.rightoff-800{
			right:0% !important;
			}
		}
	
@media screen and (max-width: 768px) {
	
	.section4{
		/* width:97%; */
	}
	h1.section4 {
		/* width: 97%; */
	}
	/* #image_panel{
		margin-top:30px;
  } */
  #right_column.showmenu{
	width:156px;
	margin-right:39px;
}
  
  #tabs .t768-fs20{
	  font-size:20px;
	 }

  .row{
	width:100%;  
	 }
	 
	 .column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	background:url(../images/tabshadow.png) top left no-repeat;	
	/* padding-bottom:.2em; */
	 }
	 
	
	 
	 
	 .cap31{
	  width:55%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 .cap32{
	  width:15%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 

	.cap1{
		width:55% !important;
		padding-right:0% !important;
	}
	/* .column-2:nth-child(2n+2){
		width:15% !important;
		padding-right:5% !important;
		padding-left:6% !important;
		 
	} */
	
	.cap2{
		width:15% !important;
		padding-right:5% !important;
		padding-left:6% !important;
		 
	}
	
	 .column-3{
	 width:90%;	 
	 display:inline-block;
	 float:left;
	 }
	 
	
	 .cap21{
		 width:90% !important;
		 /* padding-bottom:.3em; */
		}

	 /* .column-3:not(first-child){
		 width:40% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	} */
	
	.cap22{
		 width:38% !important;
		padding-right:8% !important;
	   padding-left:4% !important;
	   background: url("../images/tabshadow_top.png") no-repeat !important;
	}
	#tabs h3.selectedTab.cap22 {
		background:url(../images/tabshadowonly_top.png) top left no-repeat !important;
		background-color: #0AAF49 !important;
		color: #FFF;
	}
	.cap23{
		 width:40% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	   background: url("../images/tabshadow_top.png") no-repeat !important;
	}
	.cap23:before{width: 200px; height: 40px; -webkit-box-shadow: inset 1px 2px 3px 0px #136606;}
	.badge {
    /* top: 35px !important; */
	}
	
	#tabs.section2 {
    background-color:transparant !important;
	}
	#tabs.section2 {
    padding-right:0 !important;
  }
  
  .smalltext1{
				width:77%;
			}
	.english {
		 /* margin-top:30px; */
	 }
	 
#reading_panel #textholder_top {
    background: url("../../images/textholder_top.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    font-family: Arial,Helvetica,sans-serif;
	
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
	
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    height: 100%;
    margin: 0;
   /*  overflow: hidden; */
    /* padding: 8px; */
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
#textholderimage img {
    height: auto;
    max-width: 300px;
    width: 100% !important;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    font-family: Arial,Helvetica,sans-serif;
}
body {
    height: 100%;
    margin: 0;
   /* overflow: auto;*/
    /* padding: 8px; */
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    height: 100%;
    margin: 0;
   /* overflow: auto;*/
    /* padding: 8px; */
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    height: 100%;
    margin: 0;
    /*overflow: auto;*/
    /* padding: 8px; */
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html, body {
    height: 100%;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
#textholder_bottom {
    max-width: 320px;
    width: 10% !important;
}
#textholder_bottom {
    float: left;
    height: 65px;
    width: 100%;
}
.showMore {
    background: url("../../images/textholder_bottom.png") no-repeat scroll 0 -150px transparent;
    cursor: pointer;
}
.showMore {
    background: url("../../images/textholder_bottom.png") no-repeat scroll 0 -150px rgba(0, 0, 0, 0);
    cursor: pointer;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    font-family: Arial,Helvetica,sans-serif;
}
body {
    background: url("../images/bg_page.jpg") repeat-x scroll center top #000;
    font-family: Arial,Helvetica,sans-serif;
}
html {
	height: 100%;
	/* overflow: hidden; */
}
 body {
    height: 100%;
}
.mobile-menu {
    /* right: 12px; */
    top: 42px;
	right: 3%;
}
* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
element.style {
    padding-right: 1em;
}
#tabs > .longtext {
    font-size: 1.3em !important;
    padding-right: 2em !important;
    padding-top: 0.7em;
    vertical-align: middle;
		 
	 }
	  #left_column {
		   padding-left: 6%;
		   /* width: 80%; */
		   width: 88.4% !important;
		    padding-top: 52px;
		overflow-y: hidden;
    /* max-height: 600px; */
	overflow-x:hidden;
	padding-right:3%;
	padding-bottom: 35px;
	  }
	  /* #navBtnHolder{
		position: absolute;
	} */
	  h1.section1 {
		width: 98%;
		/* padding-bottom: 1%; */
	}
	/* h1.section3 {
		padding-bottom: 6px;
	 	width: 97.5%; 
	} */
	.tcap1 {
		padding-bottom: 6px;
	 	
	}
	.tcap2 {
		padding-left:1em !important;
	 	width: 10%; 
	}
	#tabs {
		width: 100%;
	}
/* 	.badge {
		right: 4.5%;
		margin-left: 0px;
	} */
	 .english {
			/* float:left; */
			width:70% !important;
	  }	
	.info{
		/* width:90%; */
		height:100% !important;
		 float:left; 
		 /* width:100%; */
	}
}

@media screen and (max-width:640px){
	
	.mobile-menu {
    /* right: 11px; */
    top: 42px;
	right: 3%;
}
	
	.tcap1 {
		padding-bottom: 6px;
	 	width: 65%; 
		padding-right:1em !important;
	}
	.tcap2 {
		padding-left:1em !important;
	 	width: 92.5%; 
		background: url("../images/tabshadow_top.png") no-repeat !important;
	}
	
	
	#left_column {
		padding-left: 6%;
	  width: 88.4%;
	 padding-top: 52px;
   overflow-y: hidden;
/* max-height: 600px; */
overflow-x:hidden;
padding-right:3%;
padding-bottom: 35px;
 }
 /* #navBtnHolder{
	position: absolute;
} */
 h1.section1 {
    width: 98%;
    /* padding-bottom: 1%; */
 }

.row{
	width:99%;  
	 }
	 
	 .column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
     padding-left:2% !important;
	 padding-right:5% !important;
	background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 /* .column-2{
	 width:90%;	 
	 display:inline-block;
	 float:left;
	 } */
	 
	 .cap32{
	 width:93%;	 
	 display:inline-block;
	 float:left;
	 }
	 
	 /* .column-2:first-child{
		 width:90% !important;
		 padding-bottom:.3em;
		} */
	 
	 .cap1{
		width:55% !important;
		padding-right:0% !important;
		padding-bottom: .3em;
	}

	 /* .column-2:nth-child(2n+2){
		 width:90% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
		
	} */
	 
	 
	 .cap2{
		 width:15% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
		
	}
	 
	/* .column-2:first-child{
		padding-right:5% !important;
	} */
	
	.cap31{
		width:50% !important;
		padding-right:5% !important;
		padding-bottom: .3em;
	}
	  /* .column-3{
	 width:90%;	 
	 display:inline-block;
	 float:left;
	 } */
	 .cap32{
	 width:15%;	 
	 display:inline-block;
	 float:left;
	 }
	 
	 /* .column-3:first-child{
		 width:90% !important;
		 padding-bottom:.3em;
		} */
	 
	 .cap21{
		 width:90% !important;
		 /* padding-bottom:.3em; */
		}

	 /* .column-3:not(first-child){
		 width:40% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	} */
	
	.cap22{
		 width:38% !important;
		padding-right:8% !important;
	   padding-left:4% !important;
	}
	.cap23{
		 width:40% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	}
	#tabs.section2 {
    background-color:transparant !important;
	}
	#tabs.section2 {
    padding-right:0 !important;
  }
  .smalltext1{
				width:51%;
			}
			.english {
		 /* margin-top:30px; */
	 }

  .badge{
	  /* top:0px !important; */
	  /* top:35px !important; */
	/*   right:3.5% !important; */
	 }
	.badge.rightoff{
		 right:0% !important;
	}
	 
	 #tabs > .longtext {
    font-size: 1.3em !important;
    padding-right: 0 !important;
    padding-top: 0.7em;
    vertical-align: middle;
		 
	 }
	 
	 
	 .badge img.resz60-640{
		 width:60% !important;
		}
		.tcap22 {
		padding-left:1em !important;
	 	width: 92.5%; 
		background: url("../images/tabshadow_top.png") no-repeat !important;
	}
  	
}
@media screen and (max-width: 630px){
.tcap2 {
		padding-left:1em !important;
	 	width: 92.3%; 
	}
}
@media screen and (max-width: 620px){
.tcap2 {
		padding-left:1em !important;
	 	width: 92%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 92.2%; 
	}
}
@media screen and (max-width: 610px){
.tcap2 {
		padding-left:1em !important;
	 	width: 92%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 92%; 
	}
}
@media screen and (max-width: 600px){
.tcap2 {
		padding-left:1em !important;
	 	width: 92%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 91.9%; 
	}
}
@media screen and (max-width: 590px){
.tcap2 {
		padding-left:1em !important;
	 	width: 91.8%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 91.7%; 
	}
}
@media screen and (max-width: 580px){
.mobile-menu {
		/* right: 9px; */
		top: 42px;
	}	
	.tcap22 {
		padding-left:1em !important;
	 	width: 91.5%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 91.7%; 
		background: url("../images/tabshadow_top.png") no-repeat !important;
	}
	.tcap2 {
		padding-left:1em !important;
	 	width: 91.6%; 
	}
}

@media screen and (max-width: 570px){
.tcap2 {
		padding-left:1em !important;
	 	width: 91.3%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 91.5%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 91.1%; 
	}
/* 	.badge{
	  right:3.5% !important;
	 } */
}
@media screen and (max-width: 550px){
.tcap2 {
		padding-left:1em !important;
	 	width: 91.2%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 91.1%; 
	}
}
@media screen and (max-width: 540px){
.cap1{
		 width:93% !important;
		 padding-bottom:.3em;
		padding-right:0% !important;
			
	}
	
	.cap2{
	   width:93% !important;
		padding-right:5% !important;
	}
	.tcap2 {
		padding-left:1em !important;
	 	width: 91%; 
	}
	
	.tcap22 {
		padding-left:1em !important;
	 	width: 90.9%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 90.9%; 
	}
}
@media screen and (max-width: 530px){
.tcap2 {
		padding-left:1em !important;
	 	width: 90.7%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 90.7%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 90.5%; 
	}
}
@media screen and (max-width: 520px){
.tcap2 {
		padding-left:1em !important;
	 	width: 90.4%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 90.2%; 
	}
}
@media screen and (max-width: 510px){
.tcap2 {
		padding-left:1em !important;
	 	width: 90.1%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 90.5%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 90%; 
	}
}
@media screen and (max-width: 500px){
.tcap12 {
		padding-left:1em !important;
	 	width: 90.1%; 
	}
}
@media screen and (max-width: 480px){
/* 	.badge{
	  right:3.5% !important;
	 } */
	.tcap2 {
		padding-left:1em !important;
	 	width: 93%; 
	}
	.tcap12 {
		padding-left:1em !important;
	 	width: 93%; 
	}
	.tcap22 {
		padding-left:1em !important;
	 	width: 93%; 
	}
.mobile-menu {
		/* right: 8px; */
		top: 42px;
		right: 3%;
	}
	.badge{
		/* right:-30px; */
	/* 	right: 10%;
        margin-left:0px; */
		/* margin-top:15px; */
			}
			.smalltext{
		width:45%;
			}
			.smalltext1{
				width:38%;
			}
	/* .badge > img {
		width:65%;
	} */
	.badge > img {
		width: 100%;
	}
	  h1.section1 {
		
			/* padding-bottom:2% !important; */
			
	  }
	.section4{
		/*width:93%;*/
	
}
#right_column.showmenu{
	width:156px;
	margin-right:-19px;
}
#image_panel{
		margin-top:30px;
}

   .row{
	width:100%;  
	 }
	 .column-1{
	 width:90%;	 
	 display:inline-block;
	 float:left;
	/*  padding-bottom:.3em; */
     }
	 
	   .cap2{
	 width:93% !important;	 
	 display:inline-block;
	 float:left;
	 }
	 
	 
	   .cap31{
	 width:93% !important;	 
	 display:inline-block;
	 float:left;
	 }
	 
	   .cap32{
	 width:93% !important;	 
	 display:inline-block;
	 float:left;
	 background: url("../images/tabshadow_top.png") no-repeat !important;
	 }
	  .column-2{
	 	 
	 display:inline-block;
	 float:left;
     /* padding-left:2% !important; */
	 padding-right:5% !important;
	 background:url(../images/tabshadow.png) top left no-repeat;	
	 }
	 
	 /* .column-2:first-child{
		 width:90% !important;
		 padding-bottom:.3em;
		padding-right:0% !important;
			
	} */
	
	/* .cap1{
		 width:93% !important;
		 padding-bottom:.3em;
		padding-right:0% !important;
			
	}
	
	.column-2:nth-child(2n+2){
	   width:93% !important;
		padding-right:5% !important;
 
	} */
	 
	
	.column-3{
	 width:90%;	 
	 display:inline-block;
	 float:left;
	 }
	 
	 /* .column-3:first-child{
		 width:90% !important;
		 padding-bottom:.3em;
		} */
		
	.cap21{
		 width:90% !important;
		 /* padding-bottom:.3em; */
		}
	 

	 /* .column-3:not(first-child){
		 width:40% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	} */
	
	/* .cap22{
		 width:88% !important;
		padding-right:8% !important;
	   padding-left:4% !important;
	} */
	.cap23{
		 width:90% !important;
		padding-right:8% !important;
	   padding-left:2% !important;
	}
	 .english {
		 /* margin-top:30px; */
	 }
	 
	 .badge.rightoff480{
		 right:-8% !important;
	}


   .col-7,.col-6,.col-4,.col-3{
	width:90%;
	}
   .f24-480{
	   font-size:24px;
	  }
}
@media screen and (max-width: 450px){
	.cap22{
		 width:88% !important;
		padding-right:8% !important;
	   padding-left:4% !important;
	}
}
@media screen and (max-width: 420px){
/* .badge{
	  right:3.5% !important;
	 } */
}
@media screen and (max-width:320px){
	
	.f14{
		font-size:26px;
	}
	.f13{
		font-size:24px;
	}
	
	.f12{
		font-size:22px;
	}
	.f11{
		font-size:20px !important;
	}
	.badge.rightoff{
		 right:-6% !important;
	}
	.mgtp15-320{
		margin-top:15px;
		}
	.badge .mgtp29{
		margin-top:29px;
		}
		#email{
			max-width:300px;
			margin:10px 0px 0px 10px;
		}
		
		.badge.pdrt7-320.mgtp38-320{
			padding-right:7px;
	  	margin-top:38px;
		}
		
		.badge.pdrt7-320.mgtp30-320{
			padding-right:7px;
	  	margin-top:30px;
		}
		
}
@media screen and (min-width:360px){
.inlong{
		font-size:26px;
	}
	
}
@media screen and (max-width:360px){
	
	.f12{
		font-size:22px;
		}
		
		.badge .mgtp21-360{
			margin-top:21px;
		}
		.f11{
			font-size:20px;
		}
		.badge .mgtp30-360{
			margin-top:21px;
		}
		.badge.pdrt7-360.mgtp38-360{
			padding-right:7px;
	  	margin-top:38px;
		}
	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
    #right_column1{
		margin-top:0px !important;
	}


	#right_column {
		position: relative;
		float: right;
		margin-right: 17px;
		margin-top: 20px;
	}

	
	  
	  #right_column > div {
		display:block;
	  }
	  #right_column > div#mobile-menu-button, #right_column > div#navBtnHolder {
		display:block;
	  }
	  #right_column.showmenu {
		width: 165px;
		height:auto;
		display:block;
		/* right:40px; */
			right:30px;
		margin-right:39px ;
		
	 }
	 #right_column.showmenu > div {		
		display:block;
	 }
	 #right_column.showmenu > div#portfolio_tooltip {
		display:none;
	 }
		  .mobile-menu-big-button{
		/* display: block; */
		top: 1px;
		position: relative;
		cursor: pointer;
		color:#FFFFFF;
		width:142px;
		height:32px;
		line-height:30px;
		background-color:grey;
		/* float:right; */
		text-align:center;
		 content: Back;
border:none;
/*   right: 3%;  */
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	 }
	.mobile-menu {
		/* display: block; */
		position: absolute;
		cursor: pointer;
		color:#FFFFFF;
		width:90px;
		height:32px;
		line-height:30px;
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
		background-color:#757575  !important;
		float:right;
		text-align:center;
		box-shadow: -2px 2px 1px lightgrey !important;
		-webkit-box-shadow: -2px 2px 1px lightgrey !important;
	    -moz-box-shadow:    -2px 2px 1px lightgrey !important;
		box-shadow:        -2px 2px 1px lightgrey !important;
		 -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	}
	.mobile-menu span {
		display: block;
		margin-top: 4px;
		height: 2px;
		background: white;
		width: 24px;
	}
}
	@media screen and (min-width: 1366px) {
#right_column1{
display: none !important;
}

/* #right_column{
display:none;
} */
#mobile-menu-button{
display:none;
}
}
@media screen and (min-width: 1025px) {
#right_column1{
display: none !important;
}
	
	@media screen and (min-width: 1024px) {
#right_column1{
display: none;
}

#mobile-menu-button{
display:none;
}
}
@media screen and (max-width: 1024px) {
#right_column{
display:none;
}
#right_column1{
display:none;
}
#mobile-menu-button{
display:block;
}	

	
}
@media only screen 
  and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ 
	h1.section1 {
		/* width: 97%; */
		/* padding-bottom: 1%; */
	}
	h1.section4 {
		/* width: 96.5%; */
	}
	.info {
		width: 90%;
		height: 100% !important;
	float: left; 
		width: 100%;
	}
}

@media only screen 
   and (max-width : 2736px) 
   and (max-height : 1824px) {

	#navBtnHolder {
		right: 1%;
	}
   /* Styles here */
}

}