@media only screen and (max-width: 1024px) and (min-width: 769px){
	.wrapper, .container, .navwrap{width:98%; margin:auto;}
	.nav ul li a{padding:16px 19px 16px 20px;}
	.boxholder .box{ margin-right: 1%;width: 24.2%;} 
	.leftclm{width:65%;}
	.rightclm{width:32%;}
	.circleHolder{margin-right:3%;}
	.leftcon{width:68%;}
	.rightcon{width:30%;}
	.leftcon img{width:100%;}
	.tab ul li{font-size:12px; padding:0px;}
}

@media only screen and (max-width: 768px) and (min-width: 641px){
	.wrapper, .container{width:98%; margin:auto;}
	.navwrap{width:100%;}
	.logo{width:100%; text-align:left; float:none;}
	.topnav{padding:10px 0;}
	.headrt{float:none; width:100%;}
	.nav ul{display:none;} .nav ul li ul{background:#292929; width:95%; position:inherit; padding-left:5%;}
    .menu-bar{display:block; cursor: pointer;}
	.nav ul li, .nav ul li ul li{float:none; border-bottom:0px;}
	.nav ul li a, .nav ul li ul li a{padding:10px 5%; border-bottom:1px solid #222;}
	.banner h1{font-size:24px;} .banner h2{font-size:21px;}
	.boxholder .box{ margin-right: 1%;width: 24.2%;} 
	.leftclm{width:65%;}
	.rightclm{width:32%;}
	.pubBox{width:30%; margin-right:2%; padding:5px 0.7%;}
	.pubBox img{width:100%;}
	.pubText .date{width:20%;}
	.pubText .detail{width:70%; padding-left:5%;}
	.circleHolder{margin-right:2%; width:23%; float:left;}
	.circle{width:100px; height:100px;}
	.circleHolder h4{font-size:17px;}
	.splitleft img{width:100%;}
	.linkbox h4{font-size:17px;}
	.footnav{margin:0 0 25px;}
	.footnav li{padding:0;}
	.greedot{padding:0 5px 0 0;}
	.splitmid img{margin:10px 0px 5px;}
	.boxtitle{min-height:40px;}
	.container h3{padding:0 5%;}
	.leftcon{width:68%;}
	.rightcon{width:30%;}
	.leftcon img{width:100%;}
	.tab ul li{font-size:12px; padding:0px;}
	.breadcum .social span{display:none;}
	.breadcum .social a{padding-right:5px;}
	.license{width:77%; font-size:14px;}
	.btnholder .darkgray{font-size:13px;}
    .widgetHead{font-size:15px;}
	.widgetbox .row span{width:76%; word-wrap: break-word; padding-top:0;}
	.bottm-arrow {border-left: 120px solid transparent;border-right: 105px solid transparent;}
	.inner h3{padding: 0 0%;}
}

@media only screen and (max-width: 640px){
	.wrapper, .container{width:98%; margin:auto;}
	.navwrap{width:100%;}
	.logo{width:100%; text-align:center; float:none;}
	.headrt{float:none; width:100%;}
	.nav ul{display:none;} .nav ul li ul{background:#292929; width:95%; position:inherit; padding-left:5%;}
    .menu-bar{display:block; cursor: pointer;}
	.nav ul li, .nav ul li ul li{float:none; border-bottom:0px;}
	.nav ul li a, .nav ul li ul li a{padding:10px 5%; border-bottom:1px solid #222;}
	.banner{padding:200px 0 0; height: 432px;}
	.banner h1{font-size:24px;} .banner h2{font-size:21px;}
	.boxholder .box{ margin-right: 1%;width: 24.2%;} 
	.leftclm{width:65%;}
	.rightclm{width:32%;}
	.pubBox{width:30%; margin-right:2%; padding:5px 0.7%;}
	.pubBox img{width:100%;}
	.pubText .date{width:20%;}
	.pubText .detail{width:70%; padding-left:0%;}
	.circleHolder{margin-right:2%; width:23%;float:left;}
	.circle{width:100px; height:100px;}
	.circleHolder h4{font-size:17px;}
	.splitleft img{width:100%;}
	.linkbox{width:44%; padding-left:5%;}
	.linkbox:nth-child(8n){clear:both;}
	.linkbox h4{font-size:17px;}
	.footnav{margin:0 0 25px;}
	.footnav li{padding:0;}
	.greedot{padding:0 5px 0 0;}
	.splitleft, .splitmid, .splitright{float:none; width:100%; border-right:0px; padding-bottom:30px; padding-left:0; padding-right:0; text-align:left;}
	.txtfld{width:45%;}
    .splitleft img{width:auto;}
	.boxtitle{min-height:60px;}
	.container h3{padding:0 5%;}
	.container h2{font-size:24px;}
	.leftcon, .rightcon{width:94%; float:none; margin:auto;}
	.leftcon img{width:100%;}
	.tab ul li{font-size:14px; padding:0px 10px; margin-bottom:10px; min-width:32%; text-align:center}
	.rightcon{padding-top:30px; padding-bottom:10px;}
	.inner h3{padding: 0 0;}
	.license{width:86%;}
	.bottm-arrow {display:none;}
	.tab ul li{border-right:0px; font-size:12px; padding:0px 2px;}
    .tab ul li a {background: #2281d2;border-radius: 3px;}

}

@media only screen and (max-width: 480px){
.wrapper, .container{width:90%; margin:auto;}
.topnav{width:100%; float:none; text-align:center; padding:20px 0;}
.topnav li{float:none; display:inline-block;}
.searchbox{float:none; width:90%; margin:0 auto;}
.searchfld{width:85%;}
.searchBtn{float:right;}
.boxholder .box{width:46%; margin:0 2% 10px!important;}
.boxtitle{min-height:40px;}
.leftclm, .rightclm{float:none; width:100%; padding-bottom:40px;}
.leftcon, .rightcon{width:98%;}
.pubBox{width:80%; margin-bottom:20px; margin-right:0px;}
.linkbox{width:100%; padding-right:0px;}
.circle{width:90px; height:90px;}
.bluebg .container{width:98%;}
.inner h2{font-size:17px; line-height:22px;}
.tab ul li{min-width:inherit;}
}
@media only screen and (max-width: 360px){
.wrapper, .container{width:90%; margin:auto;}
.logo img{width:98%;}
.bluedot{padding:0 2px 0 0;}
.topnav li{padding:0 2px 0 0;}
.banner{height: 532px;padding: 100px 0 0;}
.banner .blue{margin-bottom:10px;}
.boxholder .box{width:100%; margin:0 0% 20px !important}
.boxtitle {min-height:inherit;}
.boxholder{padding:20px 0;}
.circleHolder{width:50%; margin:0 0 20px;}
.circleHolder h4 {font-size: 16px;}
.splitmid img{width:43%; padding-right:2%;}
.pubBox{width:92%;padding: 5px 2%;}
.footnav li {display: block;padding: 0 0 11px;text-align: left; font-size:15px;}
.footnav li:first-child i{display:inline-block!important;}
.leftcon, .rightcon{width:100%; float:none; margin:auto;}
.license {width: 80%;}
.splitleft img {width: 100%;}
.txtfld{width:70%;}
.breadcum .social span {display: none;}
.breadcum .social a{margin-right:10px;}
.tooltxt{font-size:12px;}
.bottm-arrow{display:block;}
}