@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);


/*homepage css statrt */
.Topname_heading{float: left;margin-left: 45px;margin-top: 4px;color: #fff;text-align: left;font-size: 11px;width: 40%;}
.toplogo{float: right; display: block;width: 64%;position: absolute;right: 0;text-align: right; margin-top:4px;}
.toplogo img{right: 0;text-align: right; position:relative !important; margin-right:4px; left:0}

.reponsive_IMG{ width:100%; height:auto;}

.top3_block{display:block; clear:both; border-top:3px solid #00416b;float:left; margin-top:45px; width:100%; text-align:center;background:#fadd38; border-bottom:1px solid gray }

.top3_block .top3_tab{display:inline-block; width:33.33%; margin:0px -2px 0px -3px; text-align:center; vertical-align:top;}
.top3_block .top3_tab:active{background:#f9ce05}
.top3_block .top3_center:active{background:#f9ce05}   
.top3_block .top3_center{display:inline-block; width:33.33%; margin:0px -2px 0px -3px; border-left:solid 1px #a68605;border-right:solid 1px #a68605; text-align:center; vertical-align:top; position:relative}
.top3_block span{text-align:center; width:100%; display:block; color:#000; font-size:11px; height:32px; margin-top:2px}
.top3_block Div{ font-size:11px; line-height:14px; font-weight:500}



.Blue_Area{background: #eaf1f9;width:100%;height: auto;float: left; margin-bottom:12%}
.blue_areabig{ width:98%; margin:auto; margin-top:1.5%;}
.blue_AreaBigContainer{display:table; height:auto; width:100%;float:left;min-height:109px;color:#555555; }
.blue_AreaBigContainerright{display:table; height:auto; width:100%; float:right;min-height:109px;color:#555555; }

/*.blue_AreaBigContainer:active{border:1px solid #0085c8;color:#005387 !important;}
.blue_AreaBigContainerright:active{border:1px solid #0085c8;color:#005387 !important;}*/

.blueArea_Vertical{ display:table-cell; vertical-align:middle;}
.blueArea_VerticalText{ width:100%; text-align:center; font-size:20px !important; font-weight:normal; }

.white_box{display:inline-block; height:auto; width:100%; float:left; min-height:50px;display:table;}
.white_boxright{display:inline-block; height:auto; width:100%; float:right;min-height:50px; display:table;}
.white_box:active{background:#f2fbff;}
.white_boxright:active{background:#f2fbff; }
.whitebox_textarea span:active{color:#0084c7 !important}

.whitebox_imagearea{float: left; margin-right: 6px; margin-top:16px}
.whitebox_imagearea img{float: left;
    margin-right: 3px;
    max-width: 39px;
    max-height: 40px;
    margin-left: 1%;}

.whitebox_textarea{float: left;  min-width: 100px; min-height:35px; display:table;word-wrap: break-word; margin-top:16px;}
.whitebox_textarea span{font-size:11px; line-height: 18px; color: #000; display:table-cell; vertical-align:middle; word-wrap: break-word; font-weight:500;}



.tools_area{ width:100%; background:#fff;  height:auto;  float:left; }
.tools_area .heading{ background:#555555; color:#fff; font-size:12px; font-weight:500; width:100%; display:block;}
.tools_area .heading span{ margin-left:15px;line-height:35px;}

.tools_areaScroll{max-width:900px; overflow-x:scroll; min-height:75px;}
.tools_areaScroll::-webkit-scrollbar {display:none;}
.tools_area ul{width: 1000px;padding: 0;margin-top:2%; margin-bottom:2%; text-align:center; }

.tools_area ul li{display: inline-block;width: 23%;height: auto;vertical-align: top;max-width: 100px;float: left;margin-left: 10px; }
.tools_area ul li:active{ background:#cdcdcd}

.tools_area ul li span{ width:100%; display:block; text-align:center; min-height:35px;margin-top:5px}
.tools_area ul li Div{ text-align: center; line-height: 18px; font-size:9px; color:#000; font-weight:500;}

.tools_area ul li span img{width:30px;height:28px; text-align:center; padding-top:2%;}


.financial_area{ width:98%;margin-top:1%; background:#014672; border:1px solid #d6d6d6; height:auto; margin-left:1%; float:left; margin-bottom:37px }
.financial_area .heading{ background:#005387; color:#fff; font-size:12px; font-weight:500; width:100%; display:block; border-bottom:1px solid #296e99}
.financial_area .heading span{ margin-left:15px;line-height:20px;}


.financial_area ul{width:100%;padding:0;margin-top: 2%; margin-bottom:2%; margin:auto; padding-top:2px; padding-bottom:4px; text-align:center}
.financial_area ul li{ display:inline-block; width:31%; border:1px solid #0074bc; height:auto;}

.financial_imagearea{float: left; margin-right: 6px;padding-top:5%;padding-left: 4%;}
.financial_imagearea div{border-radius: 50%;width:40px;height: 40px; background:#fff; margin:auto; box-shadow: inset 5px 4px 6px #C7C7C7; }
.financial_imagearea div img{ margin-top:4px}
	
.financial_textarea{float: left;min-width: 100px; height:70px; display:table}
.financial_textarea span{height: 50px; font-size:12px; line-height: 20px; color: #fff; display:table-cell; vertical-align:middle}

/*for height css statrt */

/*whitearea4block css statrt */
@media only screen and (max-width:400px) {
	
	.whitebox_imagearea img{float: left; margin-right: 3px; margin-left:1%;}
    .whitebox_imagearea {float: left; margin-right: 6px;margin-left: 2px !important;}
    .whitebox_textarea {float: left;min-width: 100px; height:auto !important;display: table;}
    .whitebox_textarea span{font-size:10px !important; line-height:18px !important; color: #000;word-wrap: break-word; font-weight:500;}
    .blueArea_VerticalText{ width:100%; text-align:center; font-size:15px !important; font-weight:normal; color:#555555; }

}


@media only screen and (max-width:449px) {
	
	.whitebox_imagearea img{float: left; margin-right: 3px;width:35px ;height:33px;  margin-left:1%;}
    .whitebox_imagearea {float: left; margin-right: 6px; margin-left:4px;}
    .whitebox_textarea {float: left;min-width: 100px; height:auto !important;display: table;}
    .whitebox_textarea span{line-height: 18x; color: #000; display:table-cell; vertical-align:middle; font-weight:500;}


}

/*toolscalculator css statrt */

@media only screen and (max-width:340px) {
	.toplogo img{margin-top: 2px; width:100px; height:30px; }
	.tools_area ul li{ font-size:12px;  }


}

@media (min-width:450px) and (max-width:550px) {
.top3_block Div{ font-size:14px;}
.whitebox_textarea span{font-size:13px;}
.blueArea_VerticalText{ font-size:18px !important}
.tools_area ul li{max-width: 115px;}
.tools_area ul li Div{ font-size:11px;}
.whitebox_imagearea {float: left; margin-right: 6px; margin-left:4px;}
.tools_area .heading{ font-size:15px}



}

@media (min-width:551px) and (max-width:651px) {
.top3_block Div{ font-size:18px; font-weight:normal}
.whitebox_textarea span{font-size:18px; font-weight:normal}
.blueArea_VerticalText{ font-size:21px !important}
.blueArea_Vertical img{ max-width:300px; width:100%;}
.tools_area ul li{max-width: 135px;}
.tools_area ul li Div{ font-size:14px !Important; font-weight:normal;}
.whitebox_imagearea {float: left; margin-right: 6px; margin-left:4px;}
.tools_area .heading{ font-size:18px}
}



@media (min-width:652px) and (max-width:1600px) {
.top3_block Div{ font-size:20px;font-weight:normal}
.whitebox_textarea span{font-size:18px;font-weight:normal}
.blueArea_Vertical img{ max-width:300px; width:100%;}
.tools_area ul li{max-width: 135px;}
.tools_area ul li Div{ font-size:14px !Important; font-weight:normal;}
.whitebox_imagearea {float: left; margin-right: 6px; margin-left:4px;}
.blueArea_VerticalText{ font-size:21px !important}
.tools_area .heading{ font-size:19px}

}






/*Veritical fit css statrt */


@media (min-height:480px) and (max-height:490px) {
.blue_AreaBigContainer{min-height:102px;}
.blue_AreaBigContainerright{min-height:102px;}
.white_box{ min-height:50px;}
.white_boxright{ min-height:50px;}
.tools_area{min-height:102px;}

 .white_boxright img {
        min-height:50px;
        width:125px;
          height: 50px;
    }
    .white_box img {
        min-height: 50px;
        width:125px;
          height: 50px;
    }
     .blue_AreaBigContainer img {
       height: 102px;
        width:102px;
    }
      .blue_AreaBigContainerright img {
       height: 102px;
        width:102px;
    }


}

@media (min-height:491px) and (max-height:501px) {
.blue_AreaBigContainer{min-height:107px;}
.blue_AreaBigContainerright{min-height:107px;}
.white_box{ min-height:51px;}
.white_boxright{ min-height:51px;}
.tools_area{min-height:107px;}

 .white_boxright img {
        min-height:51px;
        width:125px;
         height:51px;
    }
    .white_box img {
        min-height: 51px;
       width:125px;
         height:51px;
    }
     .blue_AreaBigContainer img {
        height: 107px;
        width:107px;
    }
      .blue_AreaBigContainerright img {
        height: 107px;
        width:107px;
    }

}

@media (min-height:502px) and (max-height:511px) {
.blue_AreaBigContainer{min-height:112px;}
.blue_AreaBigContainerright{min-height:112px;}
.white_box{ min-height:54px;}
.white_boxright{ min-height:54px;}
.tools_area{min-height:112px;}


 .white_boxright img {
        min-height:54px;
        width:135px;
         height:54px;
    }
    .white_box img {
        min-height: 54px;
        width:135px;
        height:54px;
    }
     .blue_AreaBigContainer img {
        height: 112px;
        width:112px;
    }
      .blue_AreaBigContainerright img {
       height: 112px;
        width:112px;
    }



}




@media (min-height:512px) and (max-height:520px) {
.blue_AreaBigContainer{min-height:142px;}
.blue_AreaBigContainerright{min-height:142px;}
.tools_area{min-height:142px;}


     .blue_AreaBigContainer img {
       height: 142px;
        width:142px;
    }
      .blue_AreaBigContainerright img {
        min-height: 142px;
        width:142px;
    }

}

@media (min-height:521px) and (max-height:531px) {
.blue_AreaBigContainer{min-height:147px;}
.blue_AreaBigContainerright{min-height:147px;}
.tools_area{min-height:147px;}

 
     .blue_AreaBigContainer img {
        min-height: 147px;
        width:100%;
    }
      .blue_AreaBigContainerright img {
        min-height: 147px;
        width:100%;
    }

}

@media (min-height:532px) and (max-height:542px) {
.blue_AreaBigContainer{min-height:147px;}
.blue_AreaBigContainerright{min-height:147px;}
.tools_areaScroll {min-height: 85px;}
.tools_area ul{ margin-top:3%}
.tools_area{min-height:147px;}


 
     .blue_AreaBigContainer img {
        height: 147px;
        width: 147px;
    }
      .blue_AreaBigContainerright img {
        height: 147px;
        width: 147px;
    }

}

@media (min-height:543px) and (max-height:553px) {
.blue_AreaBigContainer{min-height:124px;}
.blue_AreaBigContainerright{min-height:124px;}
.tools_areaScroll {min-height: 85px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 60px;}
.white_box {min-height: 60px;}
.tools_area{min-height:124px;}


 .white_boxright img {
        min-height:60px;
        width:150px;
        height:60px;
    }
    .white_box img {
        min-height: 60px;
        width:150px;
        height:60px;
    }
     .blue_AreaBigContainer img {
       height: 124px;
        width:124px;
    }
      .blue_AreaBigContainerright img {
        height: 124px;
        width:124px;
    }





}

@media (min-height:554px) and (max-height:564px) {
.blue_AreaBigContainer{min-height:128px;}
.blue_AreaBigContainerright{min-height:128px;}
.tools_areaScroll {min-height: 85px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 62px;}
.white_box {min-height: 62px;}
.tools_area{min-height:128px;}


 .white_boxright img {
        min-height:62px;
        width:155px;
         height:62px;
    }
    .white_box img {
        min-height: 62px;
               width:155px;
         height:62px;
    }
     .blue_AreaBigContainer img {
       height: 128px;
        width:128px;
    }
      .blue_AreaBigContainerright img {
        height: 128px;
        width:128px;
    }



}

@media (min-height:554px) and (max-height:564px) {
.blue_AreaBigContainer{min-height:128px;}
.blue_AreaBigContainerright{min-height:128px;}
.tools_areaScroll {min-height: 85px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 62px;}
.white_box {min-height: 62px;}
.top3_block Div{ line-height:20px}
.tools_area{min-height:128px;}


 .white_boxright img {
        min-height:62px;
         width:155px;
        height:62px;
    }
    .white_box img {
        min-height: 62px;
         width:155px;
        height:62px;
    }
     .blue_AreaBigContainer img {
        height: 128px;
        width:128px;
    }
      .blue_AreaBigContainerright img {
       height: 128px;
        width:128px;
    }



}

@media (min-height:565px) and (max-height:575px) {
.blue_AreaBigContainer{min-height:133px;}
.blue_AreaBigContainerright{min-height:133px;}
.tools_areaScroll {min-height: 85px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 65px;}
.white_box {min-height: 65px;}
.top3_block Div{ line-height:25px}
.tools_area{min-height:133px;}

    .white_boxright img {
        min-height: 65px;
        width:162px;
        height:65px;
    }
    .white_box img {
        min-height: 65px;
        width:162px;
         height:65px;
    }
     .blue_AreaBigContainer img {
        height: 133px;
        width:133px;;
    }
      .blue_AreaBigContainerright img {
        height: 133px;
        width:133px;
    }
}

@media (min-height:576px) and (max-height:586px) {
.blue_AreaBigContainer{min-height:132px;}
.blue_AreaBigContainerright{min-height:132px;}
.tools_areaScroll {min-height: 86px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 64px;}
.white_box {min-height: 64px;}
.top3_block Div{ line-height:27px}
.tools_area{min-height:132px;}


 .white_boxright img {
        min-height:64px;
        width:160px;
         height:64px;
    }
    .white_box img {
        min-height: 64px;
        width:160px;
        height:64px;
    }
     .blue_AreaBigContainer img {
       height: 132px;
        width:132px;
    }
      .blue_AreaBigContainerright img {
        height: 132px;
        width:132px;
    }



}

@media (min-height:587px) and (max-height:597px) {
.blue_AreaBigContainer{min-height:134px;}
.blue_AreaBigContainerright{min-height:134px;}
.tools_areaScroll {min-height: 86px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 65px;}
.white_box {min-height: 65px;}
.top3_block Div{ line-height:27px}
.top3_block span {height: 35px;
    margin-top: 5px;}
.tools_area{min-height:134px;}


 .white_boxright img {
        min-height:65px;
       width:162px;
        height:65px;
    }
    .white_box img {
        min-height: 65px;
        width:162px;
        height:65px;
    }
     .blue_AreaBigContainer img {
        height: 134px;
        width:134px;
    }
      .blue_AreaBigContainerright img {
        height: 134px;
        width:134px;
    }




}

@media (min-height:598px) and (max-height:608px) {
.blue_AreaBigContainer{min-height:136px;}
.blue_AreaBigContainerright{min-height:136px;}
.tools_areaScroll {min-height: 86px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 66px;}
.white_box {min-height: 66px;}
.top3_block Div{ line-height:30px}
.top3_block span {height: 35px;
    margin-top: 5px;}
.tools_area{min-height:136px;}



 .white_boxright img {
        min-height:66px;
        width:163px;
         height:66px;
    }
    .white_box img {
        min-height: 66px;
        width:163px;
         height:66px;
    }
     .blue_AreaBigContainer img {
       height: 136px;
        width: 136px;
    }
      .blue_AreaBigContainerright img {
       height: 136px;
        width:136px;
    }




}


@media (min-height:609px) and (max-height:619px) {
.blue_AreaBigContainer{min-height:145px;}
.blue_AreaBigContainerright{min-height:145px;}
.tools_areaScroll {min-height: 86px;}
.tools_area ul{ margin-top:5%}
.white_boxright {min-height: 71px;}
.white_box {min-height: 71px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;
    margin-top:8px;}
.tools_area{min-height:145px;}
.tools_area ul li span{min-height:41px}

    .white_boxright img {
        min-height: 71px;
        width:170px;
         height:71px;
    }
    .white_box img {
        min-height: 71px;
        width:170px;
         height:71px;
    }
     .blue_AreaBigContainer img {
          height: 145px;
  width: 145px;
    }
      .blue_AreaBigContainerright img {
         height: 145px;
  width: 145px;
    }
}


@media (min-height:620px) and (max-height:630px) {
.blue_AreaBigContainer{min-height:142px;}
.blue_AreaBigContainerright{min-height:142px;}
.tools_areaScroll {min-height: 86px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 69px;}
.white_box {min-height: 69px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;
    margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area{min-height:142px;}

 .white_boxright img {
        min-height: 69px;
        width:169px;
         height:69px;
    }
    .white_box img {
        min-height: 69px;
         width:169px;
         height:69px;
    }
     .blue_AreaBigContainer img {
        height: 142px;
        width:142px;
    }
      .blue_AreaBigContainerright img {
        min-height: 142px;
        width:142px;
    }



}

@media (min-height:631px) and (max-height:641px) {
.blue_AreaBigContainer{min-height:147px;}
.blue_AreaBigContainerright{min-height:147px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 71px;}
.white_box {min-height: 71px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;
    margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:147px;}

 .white_boxright img {
        min-height: 71px;
        width:170px;
         height:71px;
    }
    .white_box img {
        min-height: 71px;
        width:170px;
        height:71px;
    }
     .blue_AreaBigContainer img {
        height: 147px;
        width: 147px;
    }
      .blue_AreaBigContainerright img {
       height: 147px;
        width: 147px;
    }



}

@media (min-height:642px) and (max-height:652px) {
.blue_AreaBigContainer{min-height:148px;}
.blue_AreaBigContainerright{min-height:148px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 72px;}
.white_box {min-height: 72px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;
    margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:148px;}

 .white_boxright img {
        min-height: 72px;
        width:170px;
        height:72px;
    }
    .white_box img {
        min-height: 72px;
         width:170px;
        height:72px;
    }
     .blue_AreaBigContainer img {
       height: 148px;
        width:148px;
    }
      .blue_AreaBigContainerright img {
       height: 148px;
        width:148px;
    }

}

@media (min-height:653px) and (max-height:663px) {
.blue_AreaBigContainer{min-height:152px;}
.blue_AreaBigContainerright{min-height:152px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 74px;}
.white_box {min-height: 74px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:152px;}
 .white_boxright img {
        min-height: 74px;
        width:171px;
        height:74px;
    }
    .white_box img {
        min-height: 74px;
         width:171px;
        height:74px;
    }
     .blue_AreaBigContainer img {
       height: 152px;
        width:152px;
    }
      .blue_AreaBigContainerright img {
       height: 152px;
        width:152px;
    }



}
@media (min-height:664px) and (max-height:676px) {
.blue_AreaBigContainer{min-height:156px;}
.blue_AreaBigContainerright{min-height:156px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 76px;}
.white_box {min-height: 76px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:156px;}

 .white_boxright img {
        min-height: 76px;
        width:172px;
        height:76px;
    }
    .white_box img {
        min-height: 76px;
         width:172px;
        height:76px;
    }
     .blue_AreaBigContainer img {
        height: 156px;
        width:156px;
    }
      .blue_AreaBigContainerright img {
        height: 156px;
        width:156px;
    }



}

@media (min-height:677px) and (max-height:690px) {
.blue_AreaBigContainer{min-height:162px;}
.blue_AreaBigContainerright{min-height:162px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 79px;}
.white_box {min-height: 79px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:162px;}

 .white_boxright img {
        min-height: 79px;
        width:195px;
        height:79px;
    }
    .white_box img {
        min-height: 79px;
        width:195px;
        height:79px;
    }
     .blue_AreaBigContainer img {
        height: 162px;
        width:162px;
    }
      .blue_AreaBigContainerright img {
        height: 162px;
        width:162px;
    }



}

@media (min-height:691px) and (max-height:710px) {
.blue_AreaBigContainer{min-height:166px;}
.blue_AreaBigContainerright{min-height:166px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 81px;}
.white_box {min-height: 81px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:166px;}

 .white_boxright img {
        min-height: 81px;
        width:auto;
        height:81px;
    }
    .white_box img {
        min-height: 81px;
       width:auto;
        height:81px;
    }
     .blue_AreaBigContainer img {
        height: 166px;
        width:166px;
    }
      .blue_AreaBigContainerright img {
        height: 166px;
        width:166px;
    }
}

@media (min-height:711px) and (max-height:725px) {
.blue_AreaBigContainer{min-height:172px;}
.blue_AreaBigContainerright{min-height:172px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 84px;}
.white_box {min-height: 84px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:172px;}

 .white_boxright img {
        min-height: 84px;
        width:auto;
        height:84px;
    }
    .white_box img {
        min-height: 84px;
        width:auto;
        height:84px;
    }
     .blue_AreaBigContainer img {
        height: 172px;
        width: 172px;
    }
      .blue_AreaBigContainerright img {
        height: 172px;
        width: 172px;
    }


}

@media (min-height:726px) and (max-height:740px) {
.blue_AreaBigContainer{min-height:178px;}
.blue_AreaBigContainerright{min-height:178px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 87px;}
.white_box {min-height: 87px;}
.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:178px;}


 .white_boxright img {
        min-height: 87px;
        width:auto;
        height:87px;
    }
    .white_box img {
        min-height: 87px;
        width:auto;
        height:87px;
    }
     .blue_AreaBigContainer img {
        height: 178px;
        width:178px;
    }
      .blue_AreaBigContainerright img {
        height: 178px;
        width:178px;
    }
}

@media (min-height:741px) and (max-height:760px) {
.blue_AreaBigContainer{min-height:184px;}
.blue_AreaBigContainerright{min-height:184px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 90px;}
.white_box {min-height: 90px;}
.whitebox_imagearea{ margin-top:20px;}
.whitebox_textarea span{ line-height:54px;}

.top3_block Div{ line-height:35px}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.tools_area{min-height:184px;}


 .white_boxright img {
        min-height: 90px;
        width:auto;
        height:90px;
    }
    .white_box img {
        min-height: 90px;
       width:auto;
        height:90px;
    }
     .blue_AreaBigContainer img {
        height: 184px;
        width:184px;
    }
      .blue_AreaBigContainerright img {
       height: 184px;
        width:184px;
    }


}

@media (min-height:761px) and (max-height:780px) {
.blue_AreaBigContainer{min-height:180px;}
.blue_AreaBigContainerright{min-height:180px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 88px;}
.white_box {min-height: 88px;}
.whitebox_imagearea{ margin-top:20px;}
.whitebox_textarea span{ line-height:54px;}
.top3_block{ margin-top:70px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:46px}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.header{ height:70px;}
.header a.menuBtn{ margin-top:10px;}
.Topname_heading{ margin-top:14px !important; font-size:15px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:180px;}


 .white_boxright img {
        min-height: 88px;
        width:auto;
        height:88px;
    }
    .white_box img {
        min-height: 88px;
        width:auto;
        height:88px;
    }
     .blue_AreaBigContainer img {
       height: 180px;
        width:180px;
    }
      .blue_AreaBigContainerright img {
        height: 180px;
        width:180px;
    }

}

@media (min-height:781px) and (max-height:800px) {
.blue_AreaBigContainer{min-height:184px;}
.blue_AreaBigContainerright{min-height:184px;}
.tools_areaScroll {min-height: 98px;}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 90px;}
.white_box {min-height: 90px;}
.whitebox_imagearea{ margin-top:20px;}
.whitebox_textarea span{ line-height:54px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:20px; font-size:12px;}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:3%;}
.tools_area{min-height:184px;}


 .white_boxright img {
        min-height: 90px;
        width:auto;
        height:90px;
    }
    .white_box img {
        min-height: 90px;
        width:auto;
        height:90px;
    }
     .blue_AreaBigContainer img {
        height: 184px;
        width:184px;
    }
      .blue_AreaBigContainerright img {
        height: 184px;
        width:184px;
    }
}

@media (min-height:801px) and (max-height:815px) {
.blue_AreaBigContainer{min-height:192px;}
.blue_AreaBigContainerright{min-height:192px;}
.tools_areaScroll {min-height: 112px;}

.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 94px;}
.white_box {min-height: 94px;}
.whitebox_imagearea{ margin-top:20px;}
.whitebox_textarea span{ line-height:54px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:30px; font-size:12px;}
.tools_area ul li span{min-height:45px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:192px;}

 .white_boxright img {
        min-height: 94px;
        width:135px;
        height:94px;
    }
    .white_box img {
        min-height: 94px;
        width:135px;
        height:94px;
    }
     .blue_AreaBigContainer img {
        height: 192px;
        width:192px;
    }
      .blue_AreaBigContainerright img {
        height: 192px;
        width:192px;
    }
}

@media (min-height:816px) and (max-height:830px) {
.blue_AreaBigContainer{min-height:196px;}
.blue_AreaBigContainerright{min-height:196px;}
.tools_areaScroll {min-height: 122px;}
.tools_area{ margin-top:1.5%}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 96px;}
.white_box {min-height: 96px;}
.whitebox_imagearea{ margin-top:20px;}
.whitebox_textarea span{ line-height:54px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:41px; font-size:12px;}
.tools_area ul li span{min-height:42px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:196px;}


 .white_boxright img {
        min-height: 96px;
        width:auto;
        height:96px;
    }
    .white_box img {
        min-height: 96px;
         width:auto;
          height:96px;
    }
     .blue_AreaBigContainer img {
        height: 196px;
        width:196px;
    }
      .blue_AreaBigContainerright img {
        height: 196px;
        width:196px;
    }
}

@media (min-height:831px) and (max-height:845px) {
.blue_AreaBigContainer{min-height:202px;}
.blue_AreaBigContainerright{min-height:202px;}
.tools_areaScroll {min-height: 122px;}
.tools_area{ margin-top:1.5%}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 99px;}
.white_box {min-height: 99px;}
.whitebox_imagearea{ margin-top:28px;}
.whitebox_textarea span{ line-height:64px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:41px; font-size:12px;}
.tools_area ul li span{min-height:42px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:202px;}



 .white_boxright img {
        min-height: 99px;
        width:auto;
          height:99px;
    }
    .white_box img {
        min-height: 99px;
       width:auto;
          height:99px;
    }
     .blue_AreaBigContainer img {
        min-height: 202px;
        width:202px;
    }
      .blue_AreaBigContainerright img {
        min-height: 202px;
        width:202px;
    }
}
@media (min-height:846px) and (max-height:860px) {
.blue_AreaBigContainer{min-height:206px;}
.blue_AreaBigContainerright{min-height:206px;}
.tools_areaScroll {min-height: 122px;}
.tools_area{ margin-top:1.5%}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 101px;}
.white_box {min-height: 101px;}
.whitebox_imagearea{ margin-top:28px;}
.whitebox_textarea span{ line-height:64px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:35px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:41px; font-size:12px;}
.tools_area ul li span{min-height:42px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:206px;}

 .white_boxright img {
        min-height: 101px;
        width:auto;
          height:101px;
    }
    .white_box img {
        min-height: 101px;
         width:auto;
         height:101px;
    }
     .blue_AreaBigContainer img {
       height: 206px;
        width:206px;
    }
      .blue_AreaBigContainerright img {
        height: 206px;
        width:206px;
    }
}

@media (min-height:861px) and (max-height:875px) {
.blue_AreaBigContainer{min-height:206px;}
.blue_AreaBigContainerright{min-height:206px;}
.tools_areaScroll {min-height: 122px;}
.tools_area{ margin-top:1.5%}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 101px;}
.white_box {min-height: 99px;}
.whitebox_imagearea{ margin-top:28px;}
.whitebox_textarea span{ line-height:64px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:45px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:41px; font-size:12px;}
.tools_area ul li span{min-height:42px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:204px;}


 .white_boxright img {
        min-height: 101px;
        width:auto;
         height:101px;
    }
    .white_box img {
        min-height: 101px;
        width:auto;
         height:101px;
    }
     .blue_AreaBigContainer img {
        height: 206px;
        width:206px;
    }
      .blue_AreaBigContainerright img {
       height: 206px;
        width: 206px;
    }

}

@media (min-height:876px) and (max-height:1600px) {
.blue_AreaBigContainer{min-height:214px;}
.blue_AreaBigContainerright{min-height:214px;}
.tools_areaScroll {min-height: 122px;}
.tools_area{ margin-top:1.5%}
.tools_area ul{ margin-top:3%}
.white_boxright {min-height: 105px;}
.white_box {min-height: 105px;}
.whitebox_imagearea{ margin-top:28px;}
.whitebox_textarea span{ line-height:64px;}
.top3_block{ margin-top:80px;}
.top3_block Div{ line-height:45px;}
.top3_block span {height: 35px;margin-top:8px;}
.tools_area .heading span{ line-height:54px}
.tools_area ul li{ min-width:125px;}
.tools_area ul li Div{ line-height:41px; font-size:12px;}
.tools_area ul li span{min-height:42px}
.tools_area ul li span img{padding-top:6%}
.header{ height:80px;}
.header a.menuBtn{ margin-top:15px;}
.Topname_heading{ margin-top:19px !important;font-size:17px;}
.toplogo{ margin-top:2%;}
.tools_area{min-height:214px;}


 .white_boxright img {
        max-height: 105px;
        width:auto;
         
    }
    .white_box img {
        max-height: 105px;
         width:auto;
         
        
    }
     .blue_AreaBigContainer img {
        min-height: 214px;
        width:214px;
    }
      .blue_AreaBigContainerright img {
        min-height: 214px;
        width:214px;
    }
}


.white_boxright img {
       
        width:100% !important;
         
    }
    .white_box img {
       
         width:100% !important;
         
        
    }