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

}

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

.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: 50px; line-height: 50px;}
	.banner .caption .f3 {font-size: 40px; line-height: 43px;}
	.banner .caption {max-width: 510px;}
	
	.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: 30px;}
	.faq a {  padding: 13px 35px; font-size: 13px;}
	.sponsor_logos h3 { font-size: 33px; 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: 16px; line-height: 25px;}
	.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;}
	.cookie_main { font-size: 16px;height: auto;padding-top: 30px; padding-bottom: 15px;}
	.cookie_main .btn {padding: 15px 60px;font-size: 16px; font-weight: normal;padding: 15px 60px;}
	.blog .section-2 .content{ padding:20px 30px 10px 10px;}
	.blog .section-2 p { line-height: 21px;}
	.blog .section-2  h3 { margin-bottom: 10px;}
	.contact .sec1 .address { font-size: 24px;}
}
@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; padding-bottom: 70px;}
	.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;padding-bottom: 70px;}
	.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;}
	.blog_details .img-responsive { display: block; float: none;}
	.blog_details { margin-bottom: 0px;}
	.news_details { margin-bottom: 0px;}
	.contact .sec1 .right-bx.mail {/* 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: 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;}
	.navbar-nav .open .dropdown-menu { position: static;  float: none;width: 90%;}
	
	.let_talk .col1 {width: 50%;}
	.let_talk .col2 {width: 50%;}
	.membership .top .img { bottom: -32px; width: auto;}
	.membership { background-image: none;}
	.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%;}
	.video iframe { width: 100%!important; height: 280px!important;}
	.contact .sec1 .address { font-size:20px; }
	.contact .sec1 .right-bx { font-size: 18px;}
}

@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;}
	.modal-content {padding: 40px 40px;}
	
	.blog .he2 {display:block;}
    .blog .he2 > [class*='col-'] {display:block;}
	.blog .section-2 .content { padding: 40px;}
	.blog .section-2 .news_events .news-1 { margin-bottom: 30px;}
	.contact .sec1 .address { margin-bottom: 30px;}
}


@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;}
	.video iframe {height: 322px!important;}
	.cookie_main { font-size: 15px;padding-top: 25px; padding-bottom: 10px;}
	.cookie_main .btn {padding: 12px 50px;font-size: 15px;}
	.contact .sec2 h2 { font-size: 24px;}
	.contact .sec2 { padding-top: 40px;}
	.contact .sec2 #exTab1 .tab-content { padding: 30px;}
	.contact .sec2 label { font-size: 13px; margin-top: 4px;}
}
@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;}
	
	.testimo .testim_box h6 { margin-left: 10px; margin-top: 10px;}
	.blog_details .blog_content { padding: 0px;}
	.blog .blog_content {padding: 20px;}
	.blog .blog_content  h3 { font-size: 20px;}
	.blog  .read { margin-top: 10px;}
	
}





@media all and (max-width: 580px){
	.resources .section-3 .row_one { padding: 20px;}
	.cookie_main { font-size: 14px; padding-top: 20px; padding-bottom: 10px;}
	.cookie_main .btn {padding: 10px 30px;font-size: 13px; margin-top: 15px;}
}



@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;}
	.cookie_main { font-size: 12px;}
	.modal-content {padding: 40px 20px;}
	.blog .blog_content  h3 { margin-left: 0px;}
	.let_talk .video .more { margin-left: 0px;}
	.contact .sec1 .address { font-size: 17px;}
	.contact .sec1 .right-bx { padding: 15px;}
	.experience .txt {padding: 30px 20px;}
	.faq h3 {font-size: 25px;}
}


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



}



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

}



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



}