@media only screen and (min-width: 992px) and (max-width: 1099px) {

	

.wrapper{  padding:0 10px}

.service_sec ul li{ font-size:13px}	

.service_sec{ padding:30px 2%}

header .logo{ margin-right:0}

header h2{ max-width:59%; float:none; display:inline-block; vertical-align:top;font-size:18px; line-height:22px; padding:10px 3% 0 3%}

.banner_sec .details ul li{ margin-top:15px; font-size:16px; line-height:20px}



}







@media only screen and (min-width: 768px) and (max-width: 991px) {



.wrapper{  padding:0 10px}

header{ text-align:center}

header .logo{ margin:0}

.dma_logo{ margin-right:0}

header h2{ font-size:16px; line-height:20px; max-width:53%; float:none; display:inline-block; vertical-align:top}

header nav ul li{ font-size:14px}

header nav ul li{ margin:0 6px}

header nav ul ul li{ font-size:14px}

.blue_contentbar p{ padding:0 2% 5px; font-size:16px; line-height:26px}

.service_sec ul li a{ padding-left:5px}

.service_sec .box{ width:44%}

.service_sec .fullwidth{ width:100%; border: solid 1px #ccc; padding: 6px; background-color: #fff;}

.service_sec .box+.box{ width:54%}

.service_sec{ padding:30px 0}

.service_sec ul li{ font-size:13px}

.service_sec  h3{ font-size:14px; padding:10px 0 10px 5px}

.copy {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	padding: 6px;
}


footer ul li{ font-size:14px}

.banner_sec .details h3{ font-size:18px; line-height:20px}

.banner_sec .details{ padding:10px 0 0 0; width:35%}

.banner_sec .details ul li{ margin:5px 0 0 0; padding:0 0 5px 24px; font-size:14px; line-height:17px}













}







@media only screen and (max-width: 767px) { 



.wrapper{ padding:0 10px}

header{ padding:15px 0}





.toggleMenu{background:#050505 url(../images/toggle_img.png) no-repeat center center; width:50px; height:40px; position:absolute; right:15px; top:6px}

.plus_icon{ position:absolute; width:50px; height:50px;position:absolute; right:0; background: url(../images/plus_btn.png) no-repeat center center; cursor:pointer; z-index:9; top:-5px}

.plus_icon.open{ background:url(../images/plus_btn2.png) no-repeat center center}



header nav .wrapper{ padding:0}

header nav ul{ display:none}

header nav ul li{ display:block; margin:0; text-align:left; font-size:14px; line-height:18px; border-bottom:1px solid #0b4886}

header nav ul li:last-child{ border-bottom:none}

header nav ul li:hover ul{ display:none}

header nav ul li a{ padding:10px 15px}

header nav ul ul li a{ padding:0 25px}



header nav ul ul li{ font-size:14px; border-bottom:none }

header nav ul ul{ position:static;  width:100%;}



header .logo{ margin:0}

header h1 img{ max-width:150px}



.dma_logo{ margin:10px 90px 0 0;  width:100px;}

header h2{ display:none}

header nav{ margin:10px 0 0 0}



.blue_contentbar h1{ font-size:18px; line-height:24px}

.blue_contentbar p{ padding:0 0 5px 0; font-size:15px; line-height:20px}

.service_sec{ padding:20px 0}

.service_sec .box{ width:100%}

.service_sec h3{ font-size:16px; line-height:20px; text-align:center}

p{ line-height:20px}

.service_sec ul{ width:100%;}





footer ul li{ font-size:14px}



.banner_sec .slider{ width:100%}

.banner_sec .slider img{ width:100%}

.banner_sec .details{ width:100%; padding:15px 0}

.banner_sec .details ul li{ font-size:14px; line-height:20px; margin:10px 0 0 0; padding:0 0 5px 26px}
footer ul li:nth-child(4n){ background:none}
footer ul{float:none; width:460px}



}



@media only screen and (max-width: 479px) { 



.toggleMenu{ top:60px}

.dma_logo{ margin:10px 0 0 0}
header{ padding-bottom:0}

header nav{ margin-top:50px}
footer ul li{ font-size:13px}
footer ul{  width:300px; margin:0 auto}
footer ul li:nth-child(2n){ background:none}


}