@media screen and (min-width:1024px) and (max-width:1180px) {
.row { width:1000px; }
.logo {width: 22%;height: auto;padding: 30px 39px 8px 0; float: left;}
.head-slogan{width: 266px;padding: 40px 0 0 0;float: left;}
.head-slogan p{font-size:12px}
.head-phone {width: 190px;float: left;padding: 40px 0px 0 15px;}
.head-mail {width: 238px; float: left;padding: 40px 0px 0 15px;}
.ddsmoothmenu{background: #005fad;width: 75%;/* display: none; */font-size: 13px;font-weight: 900; font-family: 'Montserrat',sans-serif;  text-transform: uppercase;}
.ddsmoothmenu ul li {padding: 0 25px;}
.ddsmoothmenu ul li a {font-size:12px; font-weight:600}
.socila-links{width:15%}
.w-do{width:30%;}
/*.w-do p{min-height:120px}*/
.w-do p span{display:inline}
.contact-sec .right,.contact-sec .left{width:100%;}

}

@media screen and (min-width:768px) and (max-width:1023px) {
.row { width:750px;}
header{background:url(../images/header-bg.png) repeat-x #005fad; border-bottom:1px solid #fff; padding:2px 0 10px 0;}
.logo {width:100%; padding:8px 0;float:left; margin-bottom:10px; }
.logo img { width:auto; }
.head-slogan {width: 272px;padding: 1px 0 0 0;float: left;}
.head-slogan p {font-family: 'Roboto', sans-serif;font-style: italic;color: #fff;font-size: 14px; font-weight: 400;  border-right: 1px solid #4b8cc4;  padding: 0 10px 0 0;}
.head-phone{width: 177px;float: left; padding: 0px 0px 1px 4px}
.head-phone p{padding:0;}
.head-mail {width: 236px;float: left;padding: 0px 0px 0 10px;}	
.mail,.phone{margin:0}
.content {font-size: 14px;}
.ddsmoothmenu{width:100%; float:none; display:none}
.socila-links{width: 180px;float: none;margin: 5px auto 1px auto;/* text-align: center; */}
.socila-links a{float:none; display:inline-block}
.contact-sec{text-align: center;}
.w-do {width:30%;}
.welcome .row{width:100%;}
.welcome .highlite { padding: 15px 0; font-size: 15px;font-weight: 800;background: rgba(45,68,55,0.4);width: 95%;  margin: 0 auto;
    border: 1px solid #565751; margin-bottom: 20px;}
.footer .foot-links, .footer .foot-links a{font-size:13px;}
.m-menu { display:block;top:1.75%}
.content-pad .content-left { width:65%; margin-right:2%; }
.content-pad .content-right {width: 33%;}
.about-mission-values { padding:25px; }
.about-mission-values .about-mission{float:left;width: 100%;padding:0 0 20px;border: 0px; border-bottom:1px solid #d0eaff; }
.about-mission-values .about-values{float:left;width: 100%;padding:20px 0 0;border:0px;}
.content, .content a{font-size:14px}
.talks {position: relative;width: 100%;float: none;}
.flex-caption h1{padding-bottom:25px;font-size:45px}
.content-pad .content-left .about-head { font-size:32px; line-height:22px;}
.content-pad .content-left .about-head span { font-size:18px; }
.frm-pad .form-head { padding:10px 0 10px 6%; }
.frm-pad .ryt-form { padding:20px 6%; }
.ryt-form .txt, .ryt-form .txt-area { width:90%; }
.content-pad .content-left .gray-box { padding:17px 20px; }
.gallery ul li { width:30.33%; margin-right:3%; }
.gallery ul li:nth-child(3n+1) { clear:both; }
.gallery ul li:nth-child(4n+1) { clear:none; }
.contact-sec .right,.contact-sec .left{width:100%;}

.flex-caption h1{font-size:40px; line-height:15px}
.flex-caption p{line-height:14px}
}

@media screen and (max-width:767px) {
.row{width:96%;}
header{background:background: url(../images/header-bg.png) repeat-x center top ; border-bottom:1px solid #fff; padding:2px 0 10px 0; background-color:#005fad}
.logo {width:100%; padding:8px 0;float:left; margin-bottom:10px; }
.logo img { width:auto; }
.head-slogan {width: 90%;padding: 5px 0 0 0; float: none; margin: 0 auto; display:none}
.head-slogan p {font-family: 'Roboto', sans-serif;font-style: italic;color: #fff;font-size: 12px; font-weight: 400;  border-right: 0px;  padding:0; border-bottom:1px solid #4b8cc4 }
.head-phone{width: 45%;float: left; padding:0px;}
.mail,.phone{margin:0}
.nav{display:none}
.head-phone p{padding:0;}
.head-mail {width:40%; padding: 0px 0px 0 3%;}	
.ddsmoothmenu{width:100%; float:none; display:none}
.socila-links{width: 100%; float:none; text-align:center; display:block}
.contact-sec{text-align: center;}
.contact-sec .left, .contact-sec .right { width:100%; }
.red-box{margin-right:5px}
.contat-p {display: inline-block;font-size: 13px;padding:0 5px 0 0;}
.w-do {width: 100%; float: none; padding: 15px 0;}
.w-do p{padding:10px 0}
.w-do p span{display:inline;}
.welcome p .brk{display:inline}
.w-do h1{padding:10px 0}
.welcome .row{width:100%;}
.welcome .highlite { padding: 15px 0; font-size: 15px;font-weight: 800;background: rgba(45,68,55,0.4);width: 95%;  margin: 0 auto;
    border: 1px solid #565751; margin-bottom: 20px;}
.footer .foot-links, .footer .foot-links a{font-size:13px;}
.m-menu { display:block; top:1%}
/*about*/
.content-pad .content-left {float: none;width: 100%;margin-right: 0;margin: 10px 0;}
.content-pad .content-right {float: none; width: 100%; color: #000;}
.talks { position: relative; width: 100%; float: none;}
.contactus-left {float: none;width: 100%;}
.contentus-right {float: none;width: 100%;}
.flex-caption h1{line-height:5px}
.form-head-contact { padding:25px 0 15px; }
.flex-caption h1{font-size:20px}
.flex-caption p{font-size:14px}
/*.flex-direction-nav{display:none}*/

.about-mission-values { padding:25px; }
.about-mission-values .about-mission{float:left;width: 100%;padding:0 0 20px;border: 0px; border-bottom:1px solid #d0eaff; }
.about-mission-values .about-values{float:left;width: 100%;padding:20px 0 0;border:0px;}
.content-pad .content-left .about-head { font-size:30px; line-height:22px;}
.content-pad .content-left .about-head span { font-size:18px; }
.c-head{font-size-adjust:15px;}
h2{font-size:15px}
.c-head{font-size:15px}
.img-right h2 span{font-size:12px}
.img-right h2 {font-size:15px}
.img-right a{line-height:30px; padding:0 12px}
p{font-size:12px}
.bread-gram h1, .bread-gram p{padding-left:15px}
.footer p, .footer p a{font-size:12px}
.footer .foot-links, .footer .foot-links a{font-size:12px}
.content-pad .content-left .gray-box { padding:10px 15px; font-size:13px}
.vission{padding:20px 0}
.frm-pad .form-head{font-size:15px;}
.frm-pad .form-head{padding: 15px 10px;}
.footer h1{font-size:16px}
}
@media screen and (max-width:639px) {
.row{width:95%;}
.logo img { width:200px; }
.contact-sec a {padding: 8px 7px;display: block;}
.welcome h1{line-height:35px}
.flex-caption h1{font-size:20px}
.flex-caption p{font-size:14px}
/*.flex-direction-nav{display:none}*/
.flex-direction-nav li .flex-prev{left:1%;height: 30px;width: 30px; background-size: cover;}
.flex-direction-nav li .flex-next{right:1%;height: 30px; width: 30px; background-size: cover;}
.foot-bottom p{padding:0 5px}
.talks {position: relative;width: 100%;float: none;	}
.flex-caption p {font-size: 14px;line-height: 4px;}
.flex-caption h1{line-height:1px; font-size:25px; padding-bottom:15%}
.flex-caption p{line-height:14px}
.gallery ul li { width:30.33%; margin-right:3%; }
.gallery ul li:nth-child(3n+1) { clear:both; }
.gallery ul li:nth-child(4n+1) { clear:none; }
.contact-form .txt, .contact-form .txt-area { width:280px; }
header{	background:url(../images/header-bg.png) repeat-x center -28px #005fad;width:100%;	float:left; border-top:3px solid #f04124; }
.head-mail {width:55%; padding: 0px 0px 0 1%;}
.head-phone {width: 44%;float: left;padding: 0px;}
.person-image{width:50%;}

}

@media screen and (max-width:479px) {
.row{width:94%;}	
.logo img { width:200px; }
.welcome h1{line-height:20px; font-size:30px}
.welcome .sub-head{font-size:20px}
.contact-sec a {padding: 10px;}
.head-slogan{padding:20px 0 0 0}
.gallery ul li { width:46%; margin:10px 2%; }
.gallery ul li:nth-child(2n+1) { clear:both; }
.gallery ul li:nth-child(3n+1) { clear:none; }
.content-pad .content-left .about-head{line-height:30px}
.talks {position: relative;width: 100%;loat: none;}
.content-pad .content-left .about-head { font-size:26px; line-height:20px;}
.content-pad .content-left .about-head span { font-size:16px; }
.contact-form label {width: 100%; line-height:22px;}
.contact-form .txt{ width:94%; padding:10px 3%; }
.contact-form .txt-area{width:94%;}
/*.logo{margin: 0 0 10px 0;}*/
.head-mail {width: 100%; padding: 0px 0px 0 0%;}
.head-phone p{border:0; padding-bottom:10px}
.head-phone {width: 100%;float: left;}
.content, .content a{font-size:15px}
.flex-caption h1{line-height:1px; font-size:20px; padding-bottom:15%}
.flex-caption p{line-height:12px}
}

@media screen and (max-width:390px){
.head-mail {width: 100%; padding: 0px 0px 0 1%;}
.head-phone {width: 100%;float: left;padding: 0px;}
.logo{padding:5px 0; margin:0}
.head-phone p{border:0; padding-bottom:10px}
.logo{margin: 0 0 10px 0;}


}

@media  (max-width:320px) {

}