@media (min-width:1025px) {
.three-fourth { min-height:550px !important;}

.distop{ display: block !important}
.mob{ display:none !important}
#nav1{ display:none !important;}

}


@media (min-width:992px) and (max-width: 1024px) {

.three-fourth { min-height:400px !important;}

.distop{ display: block !important}
.mob{ display:none !important}
#nav1{ display:none !important;}

}





/*___________________________________________________________________*/




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

#content{ width: 100%;}
.container {width:100%; }

.distop{ display:none !important}
.mob{ display:block;}


.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo {text-align: center;display: block;position: relative;}
/* menu */
#header-links{ margin-bottom:0px !important;}
.head-wrapp { margin-bottom:0px !important;}
#menu_bg{background:#007cc4 !important; float: left; width: 100%; height: auto; margin-top: 0px; background-image:none !important; }

#content { width: 100%; }
 #content h9 { font-size: 22px; line-height: 30px;  padding: 10px; }
#content ul#nav { display: none; }
#content ul#nav1 { display: none; }
.open { display: block; }
 #pageslide { width: 200px; }
				

	 #pageslide #nav,  #pageslide #nav ul { list-style: none; }
	 #pageslide #nav,  #pageslide #nav * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav li.headlink:hover ul { display: block; }
	#pageslide #nav li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav a {color: #FFF; font-size:14px; } 
	#pageslide #nav ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav li.headlink { }
	#pageslide #nav li.headlink ul {padding-bottom: 10px; }
	
	
	
	
	
	
	
		 #pageslide #nav1,  #pageslide #nav1 ul { list-style: none; }
	 #pageslide #nav1,  #pageslide #nav1 * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav1 li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav1 li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav1 li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav1 li.headlink:hover ul { display: block; }
	#pageslide #nav1 li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav1 li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav1 li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav1 a {color: #FFF; font-size:14px; } 
	#pageslide #nav1 ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav1 li.headlink { }
	#pageslide #nav1 li.headlink ul {padding-bottom: 10px; }


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* menu end */

.fone-half{ width:100%; text-align:center !important;}

.content_all_body{ width:95% !important;}

.one-fourth { display:none !important; }
.three-fourth {width:100% !important; text-align:justify !important; border-left: none !important; padding-left: 0% !important; min-height:450px !important; }
.icon-list12 li p{ width:80% !important;padding-left:8px !important; }
.col_hup_01{width:100% !important;}
.bottn_send { float:right;margin-right: -6px;}

.span5 {width:100% !important; float:left;}
.director-img {text-align: center !important; height:270px !important; width:100% !important;}

.span7 {width:100% !important; float:right;}


#portfolio li { width: 25%; }
   
.home_box2 {width:17% !important; margin:0px auto !important;}

#awards_portfolio li { width: 25% !important;}





}

/*___________________________________________________________________*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
#content{ width: 100%;}
.container {width:100%;}

.distop{ display:none !important;}
.mob{ display:block !important;}
#nav{ display:none !important;}

#content ul#nav1 { display: none; }
.one-fourth {width: 20.34% !important;  margin-left: 2.21% !important; margin-right:0px !important;}


.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo {text-align: center;display: block;position: relative;}
/* menu */
#header-links{ margin-bottom:0px !important;}
.head-wrapp { margin-bottom:0px !important;}
#menu_bg{background:#007cc4 !important; float: left; width: 100%; height: auto; margin-top: 0px; background-image:none !important; }

#content { width: 100%; }
 #content h9 { font-size: 22px; line-height: 30px;  padding: 10px; }
#content ul#nav { display: none; }
.open { display: block; }
 #pageslide { width: 200px; }
				

	 #pageslide #nav,  #pageslide #nav ul { list-style: none; }
	 #pageslide #nav,  #pageslide #nav * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav li.headlink:hover ul { display: block; }
	#pageslide #nav li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav a {color: #FFF; font-size:14px; } 
	#pageslide #nav ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav li.headlink { }
	#pageslide #nav li.headlink ul {padding-bottom: 10px; }
	
	
	
	
	
	
	 #pageslide #nav1,  #pageslide #nav1 ul { list-style: none; }
	 #pageslide #nav1,  #pageslide #nav1 * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav1 li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav1 li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav1 li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav1 li.headlink:hover ul { display: block; }
	#pageslide #nav1 li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav1 li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav1 li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav1 a {color: #FFF; font-size:14px; } 
	#pageslide #nav1 ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav1 li.headlink { }
	#pageslide #nav1 li.headlink ul {padding-bottom: 10px; }

	
	
	
	
	
	

/* menu end */

.fone-half{ width:100%; text-align:center !important;}
.home_box {width: 90% !important; margin:0px auto !important;}

.content_all_body{ width:95% !important;}

.one-fourth {width:30% !important; display:none !important; }
.three-fourth {width:100% !important; text-align:justify !important;   border-left: none !important; padding-left: 0% !important; min-height:400px !important;}
.icon-list12 li p{ width:80% !important;padding-left:8px !important; }

.blog-text {padding:0 0 0 3px; /*overflow:hidden;*/}
.blog-text  h3{  text-align:center !important;}

#portfolio li {width: 38% !important; }
 .home_box2 {width:46% !important; margin:0px auto !important;}
 #awards_portfolio li { width: 38% !important;}

.span5 {width:100% !important; float:left;}
.director-img {text-align: center !important; height:270px !important;width:100% !important;}

.span7 {width:100% !important; float:right;}


}


/*___________________________________________________________________*/

@media only screen and (min-width: 320px) and (max-width: 479px) {
#content{ width: 100%;}
.container {width:100%; }

.distop{ display:none !important;}
.mob{ display: block !important;}
#nav{ display:none !important;}
#content ul#nav1 { display: none; }


.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo {text-align: center;display: block;position: relative;}
/* menu */
#header-links{ margin-bottom:0px !important;}
.head-wrapp { margin-bottom:0px !important;}
#menu_bg{background:#007cc4 !important; float: left; width: 100%; height: auto; margin-top: 0px; background-image:none !important; }

#content { width: 100%; }
 #content h9 { font-size: 22px; line-height: 30px;  padding: 10px; }
#content ul#nav { display: none; }
.open { display: block; }
 #pageslide { width: 200px; }
				

	 #pageslide #nav,  #pageslide #nav ul { list-style: none; }
	 #pageslide #nav,  #pageslide #nav * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav li.headlink:hover ul { display: block; }
	#pageslide #nav li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav a {color: #FFF; font-size:14px; } 
	#pageslide #nav ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav li.headlink { }
	#pageslide #nav li.headlink ul {padding-bottom: 10px; }
	
	
	
	
	
	 #pageslide #nav1,  #pageslide #nav1 ul { list-style: none; }
	 #pageslide #nav1,  #pageslide #nav1 * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav1 li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav1 li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav1 li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav1 li.headlink:hover ul { display: block; }
	#pageslide #nav1 li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav1 li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav1 li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav1 a {color: #FFF; font-size:14px; } 
	#pageslide #nav1 ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav1 li.headlink { }
	#pageslide #nav1 li.headlink ul {padding-bottom: 10px; }

	
	
	
	
	
	

/* menu end */

.fone-half{ width:100%; text-align:center !important;}
.home_box {width: 90% !important; margin:0px auto !important;}
#content1 {width: 100% !important;}
.content_all_body{ width:95% !important;}

.one-fourth { display:none;}
.three-fourth {width:99% !important; text-align:justify !important;  border-left: none !important; padding-left: 0% !important;}
.icon-list12 li p{ width:80% !important;padding-left:8px !important; }

.blog-text {padding:0 0 0 3px; /*overflow:hidden;*/}
.blog-text  h3{  text-align:center !important;}

.col_hup_01{width:100% !important;}
.bottn_send { float:right; margin-right:28%;}

.map-box{ width:100% !important;}
.inqury-box{ width:100% !important; margin-bottom:20px;}



.span5 {width:100% !important; float:left;}
.director-img {text-align: center !important; height:270px !important;width:100% !important;}

.span7 {width:100% !important; float:right;}

#portfolio { text-align: center;}
#portfolio li {float: none; display: inline-block; width: 65%;margin-bottom: 30px;}

.home_box2 {width: 90% !important; margin:0px auto !important; }

#awards_portfolio { text-align: center;}
#awards_portfolio li {float: none; display: inline-block; width: 65%;margin-bottom: 30px;}
.mfp-title {font-size: 14px;color: #ddd !important;font-weight: 700;}
}


@media only screen and (min-width: 210px) and (max-width: 321px) {
.distop{ display:none !important;}
.mob{ display: block !important;}
#nav{ display:none !important;}

	#content ul#nav1 { display: none; }
#content{ width: 100%;}
.container {width:100%; }

.after-nav-info{ width: 100%;text-align: center;}
#logo{text-align:center;width: 100%;float: left;}
a#logo {text-align: center;display: block;position: relative;}
/* menu */
#header-links{ margin-bottom:0px !important;}
.head-wrapp { margin-bottom:0px !important;}
#menu_bg{background:#007cc4 !important; float: left; width: 100%; height: auto; margin-top: 0px; background-image:none !important; }

#content { width: 100%; }
 #content h9 { font-size: 22px; line-height: 30px;  padding: 10px; }
#content ul#nav { display: none; }

.open { display: block; }
 #pageslide { width: 200px; }
				

	 #pageslide #nav,  #pageslide #nav ul { list-style: none; }
	 #pageslide #nav,  #pageslide #nav * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav li.headlink:hover ul { display: block; }
	#pageslide #nav li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav a {color: #FFF; font-size:14px; } 
	#pageslide #nav ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav li.headlink { }
	#pageslide #nav li.headlink ul {padding-bottom: 10px; }
	
	
	
	
	
	
	
	 #pageslide #nav1,  #pageslide #nav1 ul { list-style: none; }
	 #pageslide #nav1,  #pageslide #nav1 * { padding: 0; margin: 0; }
	
	/* Head links */
	 #pageslide #nav1 li.headlink { width: 100%; float: left; margin-left: -0px; }
	 #pageslide #nav1 li.headlink a { display: block; padding: 5px 0px 5px 10px ; line-height:30px; margin-bottom:5px;  background-color:#083b74; color:#fff; }

	/* Child lists and links */
	#pageslide #nav1 li.headlink ul { display: none;  text-align: left; }
	#pageslide #nav1 li.headlink:hover ul { display: block; }
	#pageslide #nav1 li.headlink:hover ul li { margin-top:-8px; margin-bottom:2px; background-color:#0C6 !important;}
	#pageslide #nav1 li.headlink ul li a {padding: 5px 0px 5px 10px; line-height:30px; font-size:12px; color: #FFF; background-color:#044f8a !important; border:3px solid#083b74;}
	#pageslide #nav1 li.headlink ul li a:hover { background-color: #04448c !important; }
	
	/* Pretty styling */
	#pageslide #nav1 a {color: #FFF; font-size:14px; } 
	#pageslide #nav1 ul li a:hover { text-decoration: none; background-color:#1663a0 !important; }
	#pageslide #nav1 li.headlink { }
	#pageslide #nav1 li.headlink ul {padding-bottom: 10px; }
	
	
	
	
	
	
	

/* menu end */

.fone-half{ width:100%; text-align:center !important;}
.home_box {width: 90% !important; margin:0px auto !important;}
#content1 {width: 100% !important;}
.content_all_body{ width:95% !important;}

.one-fourth { display:none;}
.three-fourth {width:99% !important; text-align:justify !important;  border-left: none !important; padding-left: 0% !important;}
.icon-list12 li p{ width:80% !important;padding-left:8px !important; }

.blog-text {padding:0 0 0 3px; /*overflow:hidden;*/}
.blog-text  h3{  text-align:center !important;}

.col_hup_01{width:100% !important;}
.bottn_send { float:right; margin-right:28%;}

.map-box{ width:100% !important;}
.inqury-box{ width:100% !important; margin-bottom:20px;}



.span5 {width:100% !important; float:left;}
.director-img {text-align: center !important; height:270px !important;width:100% !important; }

.span7 {width:100% !important; float:right;}

#portfolio { text-align: center;}
#portfolio li {float: none; display: inline-block; width: 65%;margin-bottom: 30px;}

.home_box2 {width: 90% !important; margin:0px auto !important; }

#awards_portfolio { text-align: center;}
#awards_portfolio li {float: none; display: inline-block; width: 65%;margin-bottom: 30px;}
.mfp-title {font-size: 14px;color: #ddd !important;font-weight: 700;}	
	
	
	
	
	
	
	
	
	
}