@media only screen and (max-width:1024px) {
.container {width: 90%;}
.sponsor-form {width: 35%;top: 10%;}
.inner-kart-full {overflow-y: auto;height: 385px;}
.child-in-need {width: 30%;}
.icons {width: 25%;}
.cols {width: 22%;}.cols2 {width: 12%;}
.search-btn,.dv-btn {width: 100%;}
.project-overlay {padding-bottom: 40px;}
.gallerycoverdiv {height: 154px;}
.gallery img {width: 223px !important;height: auto !important;}
.gallerycoverdiv {width: 223px;}
.toggle {display: block;padding: 0 20px;color: #666;text-decoration: none;border: none;}
.sider-bar{width:20%;}
 .sponsor-main{width:78%;margin-left:16.1%;padding-top:7%;}
 .two-section{padding-top:12%;}
 .sp-hovereffect{width:150%;}
.sponsor-nav ul li{font-size:12px;}
.check{width:110%;  margin-left:0!important}
.studentDetailsPopups{width:65%;}  
}
	
@media only screen and (max-width:770px){
.left-data, .right-data{width:100%;}
.inner-kart-full {overflow-y: auto;height: 200px;}
.headingimg{width:20%;}
.our-strory {width:71%;float:left;}
}

@media only screen and (max-width: 370px) {
    .search-btn {
        width: 100%!important;
        margin-left: 13px!important;
        margin-top: -11px!important;
    }
}


@media only screen and (max-width:768px) {
    .container {width: 95%;}
    .top-band-nav ul li{font-size:13px;}
    .cart-li{font-size:11px;}
    .box-section{padding-top:10px;}
    .sponsor-form {display: none;}
    .logo img{width:80%;}
    .cols2{width:18%;}
    .cols-btns{margin-top: 25px!important;float: left!important;padding-left: 6%!important;
    width: 100%!important;margin: 17px 5px 0 3%;margin-top: -62px!important;}
    .cols-types {margin-top: 13px;margin-left: 13%;}
     .cols-keyword {margin-top:13px}
    nav {position: absolute;top: -92px;right: 0px;width:45%;}
    #sponsor-nav-btn {display: none;}
    #sponsor-nav-btn-toggle {display: block;}
    .desktop-view {display: none;}
    .toggle { margin-top: 23px;}
    .top-band{z-index:9999;}
    .sponsor-form { display: none !important;}
    .sponsor-image {width: 111%;margin-bottom: 0px;margin-top: 42px;margin-right: -22px;margin-bottom: 20px;}
    .spnkids-text{font-size:12px;text-align:justify;}
    nav > .toggle i{right: 20px; position: absolute;}
    nav ul li {background: #fafafa; border-bottom: #ececec solid 1px;}
    .hvr-toggle{padding-top: 0px; padding-bottom: 14px;}
    .menu{border:2px solid #f39c12;margin-top:20px;}
    .headingspnkids-one{font-size:35px;}
    .cols { width: 29%;}
    .search-form{margin-bottom:20px;}
    .search-btn {display: flex;flex-wrap: wrap;margin-left: 53%;}
    .dv-btn {display: flex;flex-wrap: wrap;}
    .heading { margin: 10px 0 5px 0;font-size: 17px; height: 35px;}
    .box-description{margin-bottom:30px;}
    .circle-button {left: 40%;}
    .facebook, .twitter, .instagram, .youtube {width: 37px;height: 37px;}
    .copyrights{font-size:12px;}
    .gurunanak{margin-top: 25px;font-size: 13px;}
    .bg-cols{background:none;}
    .footer-text{color:#fff;}
    .address{color:#fff;}
    .address a{color:#fff;}
    .panel-group{margin-top:100px;}
.take-look{width:90%;margin-left:5%;}
.project-label{font-size:9px;}
.studetail{height:170px;}
    .erp-custom{font-size:11px;padding-bottom:3px;margin-top:-2px;}
    .sponsor-btn a{font-size:14px;}
    .view-profiles-btn a{font-size:14px;}
    .student-name-custom{font-size:15px;margin-top:-2px;}
    .annually-custom{font-size:13px;padding: 10px 0 20px 0;}
    .family-history-custom{font-size:12px;line-height:1.5em;text-align:justify;}
    .pagination{margin:22px 33px;}
.studentrow{min-height:315px;}
    .family-history2{font-size:11px;}
    .studentrow .student-name{margin-top:-2px;}
    .subexperience{padding-top:0;}
.page-heading{font-size:35px;}
 .story-content img{margin-left:-70px!important;}
.news-description{font-size:13px;text-align:justify;margin-top:5px;}
.news-heading{font-size:20px;}
.date{font-size:12px;}
.news-outer{margin-left:-30px;}
.capchacode2{width:44%!important;}
.capchimg2{width:140px!important;}
.textpp{font-size:11px;text-align:justify;}
.line-seps{margin-left: 7px;margin-top: 6px;}
.payment-type{font-size:16px;}
.forgot-popup{width:60%;}
.arrow-up{right:34px;}
 #scart{right:12px;}
.img-hexa{width:88px;}
.story-content{text-align:justify;font-size:15px;line-height:20px;width:90%;}
.sider-bar{width:25%;}
.sp-top-band ul li{font-size:15px;}
.sponsor-main{width:72%;margin-left:23.1%;padding-top:9%;}
.two-section{padding-top:15%;}
.sp-hovereffect{width:200%;}
.check{width:110%;  margin-left:0!important}
.studentDetailsPopups{width:88%;}
#donate-nav-btn {display:none;}
}

@media only screen and (max-width:767px){
.image-gallery{width:56%; margin-left:20%;}
.muninput{width:70%;}
.muninput1{width:60%;}
.muntopmargin{margin-top:65px;}
}

@media only screen and (max-width:550px){
.desktop-view > .child-in-need:first-child{display:none;}
.sponsor-data{width:35%; margin-bottom:20px;}	
.child-in-need{float:left; width:48%; margin:0px;}
.icons{width:26%;}
}
	
@media only screen and (max-width:480px){
.container {width: 95%;}
.nav-content{padding-top:0;}
nav ul li {padding:0;}
nav ul li a{display:block;}
nav ul li a:hover{background:#ececec;}
nav ul ul li {padding:0;}
nav ul ul li a{display: block;padding: 15px 30px;}
nav ul ul li a:hover{background:#ececec;}
.top-band{position: fixed;z-index: 9999;}
.female{padding-right:10px!important;}
.sponsor-form{display:none;}
.donations, .volunteer, .education{margin-bottom:50px;}
.section-one{padding-bottom:40px;}
.heading-one{margin-top:40px;}
.cols2{width:34%; margin-bottom:10px;}
.cols{width:49%; margin-bottom:10px;}
.center-search{width:auto; padding-left: 15px; padding-right: 10px;}
.spn-para-2 {display:none;}
.search-btn{width:auto;display: flex;justify-content: center;margin-right: 38px;margin-left: -79px;margin-top:-30px;}
.dv-btn {width: auto;display: flex;justify-content: center;margin-right: 38px;margin-bottom: 20px;}
.image-gallery{width:92%;}
.left-section, .right-section{width:100%;}
.drop-down-currency{width:127% !important;margin-left:0;}
.left-data, .right-data{width:100%;}
.form-contact button, .form-contact input[type="submit"]{margin-bottom:30px;}
.copyrights{text-align:center;}
.bg-cols{background:none;}
.project-list{width:100%;}
.heading-two, .heading-one{font-size:25px; line-height:30px;}
.heading-two{padding:0 5px;}
.read-more-btn{margin-bottom:25px;}
.sponsor-button{float:none; margin-bottom:20px;}
.child-in-need{float:left; margin:0 0 10px 0;}
.affix{position:relative;}
.circle-button{left:43%;}
.image-gallery{margin-left:5%;}
.tweet-heading{margin-top:30px;}
.footer-logo{margin-top:30px;}
.welcome{display:none;}
nav{position:absolute; top:0px;width:105%;}
nav > .toggle i{right: 20px; position: absolute;}
nav ul li {background:#fafafa; border-bottom:#ececec solid 1px;}
.navigation-strip{background:transparent;}
.otr-style{padding-bottom:30px!important;margin-top: 22px;}
.hvr-sweep-to-top:before{background:transparent;}
[id^=drop]:checked + ul{right:15px;}
.icons{width:28%;}
.child-in-need{width:50%;}
.about-section{padding-top:0px;}
#slider2 .flex-control-nav{display:none;}
.experience{padding-top:20px;}
#scart{right:-5px;}
.arrow-up{right:45px;}
.paynow-drop {width: 48%!important;}
.logo img{width: 100%;}
#sponsor-nav-btn-toggle {display:block;width: 111%!important;}
.sponsor-cart {width: 97%;}
#sponsor-nav-btn {display:none;}
.sponsor-image{width:100%!important;margin-top:15px;margin-right:0;}
.headingspnkids-one{font-size:23px!important;clear:both;}
.family-history {min-height:144px!important;}   
.experience{padding-bottom:0!important}
.search-btn-home{width:42%;}
.cols-age{margin-left: 23px;}
.cols-district{width: 45%;margin-left: 0;}
.cols-price{width: 45%; margin-left: 27px;}
.cols-gender{width: 109%;}
.cols-types{width: 45%; margin-left: 0px;}
.cols-keyword{width: 45%; margin-left: 27px;}
.popupssmall{width: 62%;height: 50px;}
.pop-msg{padding:10px!important;}
.capchimg2{width:120px!important;height:47px!important;}
.capchacode2 {width: 45% !important;}
.faq-ul {margin-left:5%;}
.logo{display:none;}
.nav-container{margin-top:50px;}
.logo-mb{display:block!important;}
.page-heading{font-size:28px;}
.seprator-line{width:15%!important;}
.menu{margin-left: 15px;margin-top: 15px;border-top: 3px solid #f39c12;}
.sponsor-nav-btn a {padding: 7px;margin-top:7px;}
.gallerycoverdiv {height: 191px;width: 95%;}
.desktop-view{display:none;}
.mobile-view{display:block;}
.mobile-view .child-in-need:first-child{display:none;}
.msgPopUpsmall{width: 78%;height: 117px;left: 48%;top: 48%;}
 .banner-overlay {min-height: 130px;}
.forgot-popup{ width:98%;}
.forgot-popup .pop-name { margin-top:16px;}
.forgot-popup .forget-form{ margin-top:22px;}
.icon-outer {display:none;}
.forget-form .cufotext-input{padding:9px 0 7px 13px;}
.forget-popup-btn{padding:4px 8px;}
.project-label {padding: 12px 6px 12px 6px;width: 93%;margin-left: 12px;}
.project-title{font-size:16px!important;}
.project-duration .form-table{font-size:12px;}
.project-duration{font-size:10px;}
.project-description-head {margin-left:13px!important;font-size:18px!important;}
.project-description{padding:19px 10px;}
.col-project-title{padding-left:0;}
.img-hexa {width: 54px;}
.our-strory{font-size:20px;}
.story-content blockquote{padding:0;font-size:12px;line-height:1.5em;}
.story-content{font-size:14px;}
.studetail{height:185px;}
.erp-custom{font-size:15px;padding-bottom:3px;margin-top:0px;}
.sponsor-btn a{font-size:14px;}
.student-name-custom{font-size:20px!important;margin-top:10px;}
.family-history-custom{font-size:13px;line-height:1.5em;text-align:justify;}
.family-history2{font-size:13px;min-height:170px;}
.story-content img{margin-left:0!important;}
.news-description {text-align: justify;}
.news-heading-details{font-size:25px;}
.sp-top-band{margin-right:-36px;margin-top:-10px;}
.sp-top-band ul a{font-size:12px;}
.sp-logo img {width: 78px;}
 #toggle span {display: block;}
.sider-bar{width:100%;height:100px;}
.sponsor-nav{display:none;}
.side-bar-profile{padding-top:13px;}
.div-img{width:35px;height:35px;}
.user-img{width:60px;height:60px;}
.side-bar-profile ul li{display:inline-block;margin-top:0}
.username-lbl{margin-left: 45px;margin-top: 20px;}
.sponsor-nav-toggle{display:block;}
.sponsor-main{padding-top: 35%;width: 100%;margin-left: -11px;}
.two-section { padding-top: 20%;}
.sp-hovereffect {width: 250%;}
.hovereffect .overlay{width:93%;left:12px;}
.imgss img{margin-left:12px;}
 .cart-li{position:relative;}   
 .top-band-nav .addcartitem {width: 18px;height: 18px;position: absolute;right: 23px;line-height:18px;top: 0px;font-size:15px;}
 .top-band-nav .fa-shopping-cart {font-size: 18px;margin-right: 6px;}
.small_picture_bg_nw{ height:120px;}
.small_picture_bg_nw  img{height:118px;}
.fr{font-size:12px;}
.child_det1{ padding:0;}
.detailsAmount{margin-top:-4px;}
.sponsor-nav-btn1 a{margin-left: -257px; margin-top: 22px;}
}

 @media only screen and (max-width:460px) {
.gallerycoverdiv {width: 96%;height: 185px;}
.student-photo, .s-photo {height: auto !important;}
.cols { width: 60%; margin-bottom: 10px;}
 }

@media only screen and (max-width:360px){
.volunteer-container{width:85%;}
.cols{width:75%;}
}

@media only screen and (max-width:375px) {
 nav{width:120%;}
.male{padding-left:0;padding-right:3px;}
.news-content{margin-left:-16px;margin-top: -30px;}
.news-heading{font-size:17px;}
.top-band-nav ul li{font-size:13px;}
.top-band-nav .fa-shopping-cart{font-size:15px;}
.sp-logo{padding:10px 0;}
.sp-top-band ul{margin-left:-2px;}
.top-band-nav .addcartitem{width:18px;height:18px;}
.sp-logo img {width: 68px;margin-left: -14px;}
.sider-bar{height:70px;}
.top-band-nav .fa-user{font-size:12px;margin-left:-5px;}
.addcartitem{line-height: 20px;}
.user-img {width: 50px;height: 50px;margin-top: -6px;}
.username-lbl {margin-left: 30px;font-size:17px;margin-top:7px;}
#toggle{top:35px;}
.mb-sponsor-nav{right:9px;top:73px;}
.cms-outer{margin-top:-11px;margin-left:4px}
.sp-hovereffect {width: 300%;}
.top-band-nav .fa-shopping-cart {font-size: 18px;margin-right: 6px;}
.top-band-nav .addcartitem {width: 16px;height: 16px;position: absolute;right: 23px;line-height:18px;top: 0px;font-size:13px;}
}

@media only screen and (max-width:320px) {
    #sponsor-nav-btn-toggle a {font-size: 10px !important;}
    .cols-gender {width: 60%!important;}
    .cols-age { margin-left: 7px;}
    .cols-district {width: 46%;margin-left: 0;}
    .cols-types {width: 46%;margin-left: 0;}
    .cols-keyword {width: 46%;margin-left: 21px;}
    .search-form{margin:60px 0 0 3px;}
    .project-duration .form-lable{font-size:12px;}
    .project-title{font-size:17px!important;} 
    .project-duration {font-size: 9px;}
    .project-description{font-size:11px;}
     nav {width: 140%;}
    .headingspnkids-one { font-size: 25px!important;}
    .child-number{font-size:20px;}
    .news-outer{margin-left:0px}
    .capchimg2{width:96px!important;}
    .donate { margin-top: 13px;}
    .logo img { width: 134%;margin-left: -15px;}
    .male{padding-top:15px!important;}
    .top-band-nav{padding-left:22px;}
    .cart-li{text-align:left;margin-right: 20px;}
.sp-logo img {width: 56px;margin-left: -20px;}
.top-band-nav .fa-shopping-cart {font-size: 18px;margin-right: 6px;}
.top-band-nav .addcartitem {right: 18px;line-height:18px;font-size:13px;}
.sp-top-band ul{margin-left:-26px;}    
.user-img{border-width:2px;width:40px;height:40px;}
.username-lbl{margin-left:25px;margin-top: 0px;}
.sider-bar{height:60px;}
.ul-profile{margin-top:-4px;}
#toggle {top: 27px;}
.cms-outer{margin-left:8px;}
.two-section{padding-top:25%;}
.fr{font-size:8px;}
.detailsAmount{margin-top:2px;}
.sponsor-nav-btn1 a{margin-top: 12px;margin-left:0}
}

@media (min-width:321px) and (max-width: 400px ){
    .female {padding-right: 6px!important;}
    .male {padding: 4px 6px 4px 2px!important;}
}
@media only screen and (max-width: 317px ) {
    .male{padding-right:12px!important;}
    .small_picture_bg_nw img{height:106px;}
    .sponsor-nav-btn1 a{margin-left:-233px;}
}
@media only screen and (max-width: 307px ) {
 .small_picture_bg_nw img{height:103px;}
}
@media all and (max-width : 940px) {
.gallerycoverdiv {height: 110px;}
.roundedbutton {margin-left: 4%;}
.gallerycoverdiv {height: 140px;}
nav ul li {background:#fafafa; border:#ececec solid 1px;}
nav { margin: 0;}
.toggle + a,.menu { display: none; }
.toggle {display: block;padding: 0 20px;color: #666;text-decoration: none;border: none;}
[id^=drop]:checked + ul { display: block; }
nav ul li {display: block;width: 100%;}
nav ul ul .toggle,nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav ul ul {float: none;position: static;color: #ffffff;}
nav ul ul li:hover > ul,nav ul li:hover > ul { display: none; }
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li { position: static;}
}

@media all and (max-width : 330px) {
#dvData {display:none!important;}
nav ul li {display: block;width: 100%;}
.gallerycoverdiv {height: 126px;}
.volunteer-container{width:85%;}
.cols{width:75%;}
.female {padding: 13px 15px 13px 15px;}
.male{padding: 13px 21px 13px 7px;}
.slides li{padding-left: 17px!important;}
.payment-type {font-size: 12px;}
.select-outer input[type="radio"] { margin-top: 0px;}
.donate{margin-top:-100px;}
.pagination{margin-left: 33px;}    
.search-form {width: 95%;margin: 60px 0 0 11px;}
.seprator-line{width: 14%!important;margin-left: 3%;}
#btnAddMore{margin-left: 3%!important;}
.table-checkout{margin-left:0%!important;}
.table-responsive{border:0;}
.table-checkout .table tr td{font-size:12px;}
#wlcmMsg{font-size: 11px;}
#btnLogout{font-size: 10px;}
.fa-shopping-cart {font-size: 13px;padding-right: 0px;}
.addcartitem {width: 15px;height: 15px;line-height: 15px;font-size: 10px;}
.user-nav{padding:0!important;}
.project-label {font-size:12px;margin-left: 9px;}
.drop-down-currency{width:160%!important;}
}

@media (max-width: 315px) {
.male {padding-right: 2px;}
.container{width:90%;}
.female {padding-right: 4px!important;}
.cols-gender img{width: 14px;}
.cols-gender .select-outer input[type="radio"] {float: left;margin-top: 0px;}    
}