
/* -------------------------------Responsive Styles -----------------------*/
@media (min-width:1800px) and (max-width:2500px){
.gre-bck{margin-top: 7%;margin-bottom: 5%;}
#section2{ background-image: url(../images/bg-sc4.jpg);}
#section6{ background-image: url(../images/brg-sec3.jpg);}
#section99{ background-image: url(../images/brg-sc4.jpg);}
#section12{ background-image: url(../images/brg-sc5.jpg);}
#section18{ background-image: url(../images/brg-sc6.jpg);}
#section21{ background-image: url(../images/brg-sc7.jpg);}
#section22{ background-image: url(../images/brg-sc8.jpg);}
#section27{ background-image: url(../images/brg-sc9.jpg);}
#section30{ background-image: url(../images/brg-sc9.jpg);}
#biggerth{background-image: url(../images/brrg-sec2.jpg);}
 div.scrollmenu a{font-size: 14px;}
#intro_description h5{font-size:35px;}
#intro_description h2 {font-size: 75px; line-height: 80px;}
.HXSeries1 h4{font-size:45px;line-height:50px;}
#intro_description .test-tet {line-height: 32px;font-size: 30px; }
.figimg h6{font-size: 26px;}
body p{font-size:22px;line-height:27px;}
}
@media only screen and (max-width:1330px){
 #intro_description h2{font-size: 40px;line-height: 45px;}
 #section12 .cobg img {max-width: 100%;}
  div.scrollmenu a{font-size: 12px;}
  .navbar-inverse .navbar-nav > li > a {margin: 15px 2px 15px 2px; font-size: 13px; }
@media (min-width: 992px) and (max-width: 1199px) {	
    #intro_description h2 {font-size: 30px;line-height: 40px;}
     #intro_description h3 { font-size: 28px;}
	#intro_description p { font-size: 20px; line-height: 32px;}
    #aa_particles{background-size:130%;}
	.zoom-effect-container{width: 400px;}
	.semblance p{font-size:25px;}
  }
 @media only screen and (max-width:1199px) {
   .nav > li{text-align: center;border-bottom:1px solid #333}
   .navbar-inverse .navbar-nav > li > a {padding:8px 0px 8px 0px;font-size: 14px;border: none;width:100%;margin:0px;}
    .navbar-inverse .navbar-nav > li > a:hover{border-bottom:none;background-color: #16bd53;}
   }
  @media only screen and (max-width: 1230px){
  #section1{background-image:none; }
  div.scrollmenu{overflow: auto; overflow-y: hidden; white-space: nowrap;}
  #section11{background-image:none; }
  #section17{background-image:none; }
 #biggertruth{background-image:none; }
 #section2{background-image:none; }
 #section25{background-image:none; }
#section6{ background-image:none;padding: 10px 0px  ; }
#section6 p {padding-top: 10px;}
#section6 p, #section6 h3{ color:#000000; }
#section5 {padding:10px 0px 10px;}
#section99{ background-image:none; }
#section12{background-image:none; }
#section18{background-image:none; }
#section21{background-image:none; }
#section22{background-image:none; }
#section27{background-image:none; }
#section30 p {color:#ffffff;}
#section30 h3{color:#ffffff;}
.pddres{padding-top:20px;}
#section30 .bdrrrc .exe_pj {padding: 10px 0px 0px}
#section27 p{color:#ffffff; }
#section27 h3{color:#ffffff; }
#section27 .bdrrrc .exe_pj{padding:10px 0px 0px;}
#section21{padding:30px 0px 0px;}
#section30{background-image:none; }
#biggerth{background-image:none; }
#section22 .bdrrrc .exe_pj {padding: 10px 0px 0px;}
.exe_ph3 {margin-top: 10px;}
.bdrc p{font-size: 22px;padding: 10px 0px;}
#section27 .bdrrrc p {padding: 10px 0px 0px ;font-size: 22px;}
#section30 .bdrrrc p {padding: 10px 0px 0px;font-size: 22px;}
.bdrrc p{font-size: 22px;color:#000000;}
#section12 .bdrrrc p{padding:20px 0px 0px 20px;font-size:22px;}
#section22 .bdrrrc p { padding: 0px 0px 0px 20px; font-size: 22px;}
#section22 p{color:#ffffff;}
#section22 h3{color:#ffffff;}
  }
@media only screen and (max-width: 1030px){
     .exe_ph2 {margin-top: 15px;}
    .HXSeries1 h4{font-size: 26px;}
	h2, .h2{font-size:25px;margin-top:10px;}
	  #intro_description .test-tet{font-size: 16px;}
	 
    
}

@media only screen and (max-width: 991px){
      body {font-size: 19px;}
	  #topruth { padding: 73px 0;}
	  #section4 .col-md-2 {width: 48.666%;}
	  #section3 p{font-size:24px}
	  .bigtxt p { font-size: 25px; line-height: 30px;}
	   .br-rg{border-right:none;padding-right: 15px;}
	   .br-rgg {padding-left: 15px;padding-top:25px;}
	   .navbar-brand { font-size: 13px;}
      #intro_description h3 { font-size: 28px;}
	  #intro_description h5{ font-size: 19px;}
	.zoom-effect-container{float:none;}
	#intro_description p { font-size: 18px; line-height: 34px;}
	 #intro_description h2 {font-size: 22px; line-height: 35px;}
    #aa_particles{background-size:150%;}
    .navbar-nav > li > a {padding: 0 10px;}
    #intro {background-size: 125% auto;}
    #intro_description h3 { font-size: 24px; margin-bottom: 20px;}
	#intro_description h4{font-size: 17px;  line-height: 25px;}
	.hnh img{max-width: 50px;padding-bottom:10px;}
      
}

@media only screen and (max-width: 767px){
     .socil {margin-top: 30px;}
/*	 .dssk{display:none;}*/
	 #section33 .panel {padding: 0px;}
	 #section1{padding:10px 0;}
	 #section2{padding:10px 0;}
	 #section3{padding:10px 0;}
	 #section4{padding:10px 0;}
	 #section5{padding:10px 0;}
	 #section6{padding:10px 0;}
	 #section7{padding:10px 0;}
	 #section8{padding:10px 0;}
	 #section9{padding:10px 0;}
	 #section10{padding:10px 0;}
	 #section11{padding:10px 0;}
	 #section12{padding:10px 0;}
	 #section13{padding:10px 0;}
	 #section14{padding:10px 0;}
	 #section15{padding:10px 0;}
	 #section16{padding:10px 0;}
	 #section17{padding:10px 0;}
	 #section18{padding:10px 0;}
	 #section19{padding:10px 0;}
	 #section20{padding:10px 0;}
	 #section21{padding:10px 0;}
	 #section22{padding:10px 0;}
	 #section23{padding:10px 0;}
	 #section24{padding:10px 0;}
	 #section25{padding:10px 0;}
	 #section26{padding:10px 0;}
	 #section27{padding:10px 0;}
	 #section28{padding:10px 0;}
	 #section29{padding:10px 0;}
	 #section30{padding:10px 0;}
	 #section30{padding:10px 0;}
	 #section31{padding:10px 0;}
	 #section32{padding:10px 0;}
	 #section33{padding:10px 0;}
	 
	 .mob{display:block;}
	 .mob h5{font-size:17.5px;margin-top:10px;line-height:22px}
	 .mob p{font-size:15.5px;padding-bottom:10px;}
	  .table-bordered > thead > tr > th,.table-bordered > tbody > tr > td{padding:0 5px;}
	  #intro_description .test-tet{width:100%;}
	    .socil .list-inline > li { padding: 4px 0px;}
 #header.change .socil {margin-top: 15px;}
	 #cta_button{text-align: center;margin-bottom: 15px;}
	    .footertit{text-align: center;}
	  .fotear{float: none;}
	  .exe_ph3 { margin-top:5px;}
	  #intro_description .test-tet { line-height: 20px; font-size: 13pt;}
	    h2, .h2{font-size:25px}
	    h3, .h2{font-size:23px;line-height:28px;}
		#section4 .col-md-2 { width: 48.666%;}
	 .navbar-brand span{display:none;}
	h4, .h4{font-size:22px}
	#section3 p{font-size:20px}
	#intro_description .test-tet{padding-top: 0.8%;}
	 #aa_particles{background-size:208%;}
	  #intro_description h2 {font-size: 23px;line-height: 30px;}
	#intro_description h3 { font-size: 22px; }	
    #intro_description p {   font-size: 20px;line-height: 34px;}
	 #intro_description h4{font-size: 15px;}
   h5, .h5{margin-top:30px;}
   .hms p{font-size: 30px;}
	.navbar-brand{font-size:10px;}
	.bigtxt p {font-size: 23px; line-height: 26px;}
	   }
@media only screen and  (max-width: 600px) {
	 .navbara{height: 80px;}
	  .highcharts-label-box{display:none;}
	  h3, .h2{font-size:20px;line-height:25px;margin-top:10px;}
	 .socil .list-inline > li{padding: 3px 3px;}
	 .socil {margin-top: 18px;}  
	 #intro_description p {font-size: 19px;}
	 #intro_description h2 {font-size: 18px;}
	 #intro_description h1{font-size: 38px;line-height: 88px;}
	 .hms p{font-size: 26px;}
	 .bigtxt p { font-size: 20px;line-height: 24px;}
   .btn-theme {  font-size: 18px; padding: 15px; margin-top: 17px;}
}

@media  only screen and (max-width: 480px) {
	.navbara{height: 66px;}
    h2, .h2{font-size:22px}
	h4, .h4{font-size:18px}
	.hnh img{max-width: 40px;padding-bottom: 20px;}
	.cobg img{padding-bottom: 20px;}
  .footertit{padding:10px;}
  .fotear{margin-top:1%;}
  #intro_description .test-tet {line-height: 20px; font-size: 11pt;}
	#intro {padding-top: 20px; padding-bottom: 20px;}
   #intro_description h2 { font-size: 18px;line-height: 23px;}
   #intro_description h4{font-size: 14px;}
	#intro_description h3 { font-size: 18px; }	
	#intro_description p { font-size: 18px; line-height: 22px;}
	 .intro_list {display: none;}
	 
}
@media  only screen and (max-width: 460px){
.navbar-brand img{width: 78px;height:36px;} .navbar-brand { font-size: 9px;} #content_wrapper{margin-top:-7%}
 #intro_description p { font-size: 18px;  line-height: 29px;}
#aa_particles{background-size:300%;}
.hms p{font-size: 22px;}
body { font-size: 18px;}
.figimg h6{font-size: 18px;text-align: center;}
#intro_description h5 {font-size: 16px; letter-spacing: 1px;margin-top: 10px;}
.socil li a {padding: 0 2px;}
.bdrc p{font-size: 20px;padding: 10px 0px;}
#section27 .bdrrrc p {padding: 10px 0px 0px ;font-size: 20px;}
#section30 .bdrrrc p {padding: 10px 0px 0px;font-size: 20px;}
.bdrrc p{font-size: 22px;color:#000000;}
#section12 .bdrrrc p{padding:20px 0px 0px 20px;font-size:20px;}
#section22 .bdrrrc p { padding: 0px 0px 0px 20px; font-size: 20px;}
 }

@media  only screen and (max-width:400px) {
h2{font-size:24px;}
h4{font-size:17px;}
#intro_description h2 {font-size: 16px;}
.bttn a{font-size:19px;}
#section4 .col-md-2 { width: 100%;}
}
@media  only screen and (max-width: 330px) {
.navbar-brand h2{margin-top:-60px}
#intro{padding-bottom:10px;}
#intro_description .test-tet { line-height: 20px;font-size: 9pt;}
#intro_description p {font-size: 18px;line-height: 29px;}
#aa_particles{background-size:350%;}
.navbara{height: 62px;}
 }

 