@media all and (min-width: 1400px){

}

@media all and (min-width: 770px){

.dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInDown 400ms;
      animation: fadeInDown 400ms;}

}

@media all and (max-width: 1700px){

}


@media all and (max-width: 1500px){
	.navbar-custom .navbar-brand span {padding: 30px;}
	.navbar-custom .navbar-brand { margin-top: -20px;}
	.navbar-custom .navbar-nav {margin-left: 0px !important;}
	.navbar-custom .navbar-brand {width: 200px;}
	
	.banner .caption .f1 {font-size: 22px;}
	.banner .caption .f2 {font-size: 3em; line-height: 50px;}
	.banner .caption .f3 {font-size: 2em; line-height: 43px;}
	.banner .caption {max-width: 600px;}
	
	.whatWe_blk .col1 { font-size: 30px; line-height: 35px;}
	.whatWe_blk .col2 .txt_blk { padding-top: 70px;}
	
	.let_talk .talk_bx .text p {font-size: 20px;}
	.let_talk .talk_bx .text { padding-left: 0px;}
	
	.membership .top h2 { font-size: 43px;}
	
	.faq h3 { font-size: 26px;}
	.faq a {  padding: 13px 35px; font-size: 13px;}
	.sponsor_logos h3 { font-size: 25px; padding-right: 5%;}
	.resources  h4 { margin-bottom: 0px!important;}
	.resources { padding-bottom: 0px!important;}
	
}

@media all and (max-width: 1400px){
.call_us {padding: 0px 30px;}
	.let_talk .talk_bx .text span { font-size: 19px;}
		.inner_content h2 {font-size: 40px; margin-bottom: 20px;}
.inner_content h4 {font-size: 25px; margin-bottom: 40px; }
.inner_content p {font-size: 18px; line-height: 30px; text-align:justify}
	.counselling .issue_form { margin-top: 80px;}
	.counselling .how_wrk {padding-top: 70px;}
	.counselling .issue_form h3 { margin-bottom: 30px;}
.inner_content {padding: 80px 0px;}	
	.login h5 { margin-bottom: 40px;}
	.login .mrgbt50 { margin-bottom: 20px;}
	.resources  p { margin-bottom: 30px;}
	.about .section-2 p{font-size: 16px; line-height: 31px;}
}
@media all and (max-width: 1350px){
header .container {width:94%;}
.navbar-custom .navbar-brand span {padding: 25px;}
	.navbar-custom .navbar-brand {width: 160px;}
	.whatWe_blk .col2 .img_bx img { width: auto; height: 100%; max-width: inherit;}
	.let_talk .video { padding-bottom: 0px;}
	.membership .container {padding: 0px;}
	.experience .container { padding: 0px;}
	.tweets .container { padding: 0px;}
	footer .foot_wrp { padding: 70px 0px;}
	.sponsor_logos .slick-slide { padding-left: 2px; padding-right: 2px; }
	.sponsor_logos h3 {font-size: 28px;}
	
	.about .section-2 p{font-size: 15px; line-height: 30px;}
}

@media all and (max-width: 1280px){
.call_us {padding: 0px 20px;}
.call_us a {font-size: 13px; }
.navbar-custom .nav li a { font-size: 12px;}
	
	.banner .caption .f1 {font-size: 20px;}
	.banner .caption .f2 {font-size: 45px; line-height: 45px;}
	.banner .caption .f3 {font-size: 35px; line-height: 37px;}
	.banner .caption {max-width: 510px; padding: 35px;}
	.whatWe_blk .col1 { font-size: 25px; line-height: 30px;}
	.whatWe_blk .col2 .txt_blk { padding-top: 70px;}
	.whatWe_blk .col2 .txt_blk p { margin-bottom: 30px; font-size: 13px; line-height: 22px; }
	.let_talk .talk_bx {padding: 30px 40px;}
	.let_talk .talk_bx .text span {font-weight: normal;}
	.membership .top h2 { font-size: 35px;}
	.sponsor_logos { padding-top: 50px; padding-bottom: 40px;}
	.sponsor_logos { padding-top: 50px; padding-bottom: 40px;}
	footer .copyright {margin-top: 12px; font-size: 14px;}
	footer .terms span {padding: 13px 25px;font-size: 12px;}
	footer .terms { font-size: 14px;}
	footer .ftr_bottom {padding: 30px 0px;}
	.login .new { padding: 40px;  width:90%; }
	.testimo .testim_box .team_img { width: 150px;}
}
@media all and (max-width: 1180px){
.navbar-custom .navbar-brand span {padding: 20px;}
.navbar-custom .navbar-brand {width: 140px;}
.navbar-custom .navbar-brand { margin-top: -10px;}
.navbar-custom .nav li a { padding:2px;}
.call_us {padding: 0px 15px;}
	.let_talk .talk_bx .text span { font-size: 18px;}
	.let_talk .talk_bx {padding: 30px 30px;}
	.membership .top .img { bottom: -30px;}
	
	.about .section-2 .content_box{text-align: center; margin-bottom: 30px;}	
	.about .section-4 .content_box{margin-top: 30px;}
	.about .section-4{border: 0;}
	.about .section-2 .col-lg-8{margin-bottom: 35px;}
	.about .section-2 p{font-size: 18px;}
	
}
@media all and (max-width: 1150px){

}

@media all and (max-width: 1080px){
	.row-offcanvas {transition: 0.8s;}.navbar .container>.navbar-collapse { transition: 0.8s;}
.navbar-nav>li { width: 100%; float: left; text-align: left; margin-bottom: 25px;}
	.navbar-custom .nav li a { color: #FFF;}
	.navbar .container ul { margin-top: 100px;  position: relative;  z-index: 99999; padding-left:5%;}
	.navbar-custom .nav li a:hover { color: #FFF;}
	.drp { display: none;}
	.dropdown-menu { background-color:transparent!important;}
	.navbar-nav .open .dropdown-menu { padding-left: 0px;}
	.navbar-custom .nav li a:focus { color: #FFF;}
	
	.let_talk .col1 {width: 50%;}
	.let_talk .col2 {width: 50%;}
	.membership .top .img { bottom: -32px; width: auto;}
	.membership {margin-top:-80px}
	.experience h3 {font-size: 30px;}
	.experience {padding: 80px 0px;}
	.tweets { padding: 45px 0px;}
	.sponsor_logos h3 { font-size: 25px;}
	footer .about .logo { width: 80px;}
	footer .about p {padding-left: 2%; padding-right: 12%;}
}

@media (max-width: 1000px) {
	.whatWe_blk .col1 { width: 100%; text-align: center; margin-bottom: 50px;}
	.whatWe_blk .col2 { width: 100%;}
	.parallelogram { display: none;}
	.whatWe_blk .col2 .txt_blk { padding-top: 30px; padding-bottom: 40px; width: 50%; padding-left: 20px;}
	.whatWe_blk .col2 .img_bx { position: relative; float: left; width: 50%;}
	.whatWe_blk .col2 .img_bx img { width: 100%;  height: auto; }
	.membership .top h2 { font-size: 30px;}
	.call_us {padding: 0px 25px;}
	.navbar-default .navbar-toggle { margin-right: 155px;}
}

@media (max-width: 991px) {
	.membership .blk2 .mem_rate .col-sm-4 { width: 33.333333%;}
	.membership .check_blk { margin-top: 40px;}
	footer .copyright { width: 50%; font-size: 13px;}
	footer .terms  {width: 50%; text-align: right; font-size: 12px;}
	footer .ftr_bottom {padding: 20px 0px;}
	.resources .section-3 .row_one .img_colmn { width: 100%; margin-bottom: 20px; }
	
	.about .section-6 .image_box{width: 100%; text-align: center;}
	.about .section-6 h2{text-align: center;}
	.about .section-6 p{text-align: center;}
}


@media all and (max-width: 880px){
	.faq h3 { margin-bottom: 20px; display: block;}
	.banner .caption .f1 {font-size: 18px;}
	.banner .caption .f2 {font-size: 35px; line-height: 35px;}
	.banner .caption .f3 {font-size: 25px; line-height: 27px;}
	.banner .caption {max-width: 345px; padding: 25px;}
	.login .new { width:100%; }
	.resources  p { margin-bottom: 20px;}
}


@media all and (max-width: 768px){
.let_talk .col1 {width: 100%;}
	.let_talk .col2 {width: 100%;}
	.let_talk .talk_bx .text { text-align: center; padding: 0px;}
	.let_talk .talk_bx .text span { display: block;}
	.let_talk .talk_bx .icon {width: 80px; height: 80px;padding-top: 25px;}
	.let_talk .video { padding: 50px 0px;}
	.let_talk .video img { width: 100%;}
	.experience .txt {padding: 40px 30px; margin-bottom: 20px;}
	.sponsor_logos h3 {font-size: 22px; text-align: center; padding-right: 0px; margin-bottom: 20px;}
	footer .foot_wrp { padding:40px 0px;}
	footer .about p { padding-left: 0%; padding-right: 0%;}
	footer .about { margin-bottom: 30px;}
	.experience h3 {font-size: 25px;margin-bottom: 40px;}
	.whatWe_blk .col1 { padding: 0px; margin-top: 30px;}
	header .container { width: 100%;}
	.counselling .issue_form .container { padding: 0px;}
	.counselling .issue_form { padding-bottom:90px;}
	.counselling span {height: 30px; margin-top: 10px;margin-bottom: 0px; font-size: 13px;}
	
	.about .section-2 h1{font-size: 27px;}
	.about .section-2 p{font-size: 16px;}
	.about .section-3 p{font-size: 16px;}
	.about .section-3{padding: 50px 0;}
	.about .section-4 p{font-size: 16px;}
	.about .section-4 h2{font-size: 27px;}
	.about .section-4{margin: 50px 0;}
	.about .section-5 h2{font-size: 24px;}
	.about .section-5 p{font-size: 16px;}
	.about .section-5{padding: 55px 0;}
	.about .section-6 h2{font-size: 24px;}
	.about .section-6 p{font-size: 16px;}
	.about .section-7 h2{font-size: 25px;}
	.about .section-7 p{font-size: 16px;}
	
	.resources .panel-title a {padding: 20px 10px;font-size: 16px;}
	.resources .panel-body p {  font-size: 15px;  line-height: 27px;margin-top: 10px; margin-bottom: 15px;}
	.resources .panel-body { padding: 10px 10px;}
}
@media all and (max-width: 680px){
	.membership .top h2 { width: 100%; text-align: center;}
	.membership .top .img { position: relative; text-align: center;}
	.membership .top { padding-bottom: 0px;}
	.whatWe_blk .col2 .txt_blk {padding-top: 0px;}
	
	.resources .section-3 .row_one .contd_colmn a {/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
}

@media all and (max-width: 620px){
.banner .caption .f1 {font-size: 16px;}
	.banner .caption .f2 {font-size: 25px; line-height: 25px;}
	.banner .caption .f3 {font-size: 20px; line-height: 20px;}
	.banner .caption {max-width: 300px; padding: 20px;}
	.whatWe_blk .col2 .img_bx { width: 100%;}
	.whatWe_blk .col1 { margin-top: 50px;}
	.whatWe_blk .col2 .txt_blk {width: 100%; padding: 0px; margin-top: 30px; margin-bottom: 40px;}
	.whatWe_blk .col2 .txt_blk a { display: inline-block;}
	.top img{width:50%; padding-bottom:15px}
	.testimo .testim_box h6 { margin-left: 10px; margin-top: 10px;}
}





@media all and (max-width: 580px){
	.resources .section-3 .row_one { padding: 20px;}
}



@media all and (max-width: 520px){
footer .terms  {width: 100%; text-align: center;}
	footer .copyright { width: 100%; text-align: center; margin-top: 0px; margin-bottom: 15px;}


}


@media all and (max-width: 480px){
.tweets .col-xs-6 { width: 100%; margin-bottom: 40px;}
.tweets h4 {margin-bottom: 20px;}
	.he2 {display:block;}
.he2 > [class*='col-'] {display:block;}
	
	.banner .caption .f1 {font-size: 12px;}
	.banner .caption .f2 {font-size: 18px; line-height: 18px;}
	.banner .caption .f3 {font-size: 15px; line-height: 15px;font-family: 'Avenir LT Std';}
	.banner .caption {max-width: 220px; padding: 10px; }
	.call_us {padding: 0px 5%; width: 100%; height: 40px;}
	.navbar-default .navbar-toggle { margin-right: 5%;}
	
	.navbar-custom .navbar-brand { width: 97px; margin-top: 0px; margin-left: 5%!important;}
	.navbar-custom .navbar-brand span { border-radius: 0px; padding: 2px;}
	.call_us a {font-size: 12px;}
	.call_us span { font-size: 10px;margin-top: 6px; display: inline-block; margin-left: 30px; float: right; text-align: right;}
	#mainNav { height: auto;}
	.let_talk .col1 { margin-top: 50px;}
	
	.membership .blk2 .package { max-width: 290px; display: inline-block;}
	.rate_blk {text-align: center;}
	.membership .check_blk { padding-left: 0px;}
	
	.inner_content h2 { font-size: 30px; margin-bottom: 15px;}
	.inner_content h4 {font-size: 18px; margin-bottom: 30px;font-family: 'Avenir LT Std'; font-weight: bold;}
	.inner_content {padding: 50px 0px;}
	.inner_content p {font-size: 15px; line-height: 24px;}
	.counselling .issue_form { padding-top: 60px;}
	.counselling .issue_form h3 { margin-bottom: 0px;}
	.counselling .issue_form { margin-top: 50px;}
	.counselling .how_wrk {padding-top: 50px;}
	
	.login .new { padding:30px;}
	.login input[type='text'] { height: 50px; margin-bottom: 30px;}
	.login .btn1 { width: 100%;  height: 52px; }
	
	.testimo .testim_box .team_img { width: 90px;}
	.testimo .testim_box { border-radius: 10px; margin-bottom: 30px;}
	.testimo .testim_box h6 { background-size: 10px 9px; padding-top: 5px; padding-left: 10px; margin-left: 5px; font-size: 14px;}
	
	.about .section-6 .sec-6_full_content{padding: 20px;}
	.about .section-6{padding: 70px 0;}
	.about .section-7 .Terms{padding: 50px 20px;}
	.about .section-7 .work_us{padding:  50px 20px;}
	.fileUpload .fileName{width: 65%!important;}
	
}


@media all and (max-width: 380px){



}



@media all and (max-width: 340px){

}



@media all and (max-width: 300px){



}