@media only screen and (max-width:1680px) {
    .button_bl{ top: 205px;}
}

@media only screen and (max-width:1200px) {
    .container{ width: 100%; max-width: 100%; padding: 0 15px;}
}

@media only screen and (max-width:1145px) {
    .help_sec .content_wrap{padding: 30px 0 30px 30px;}
    .contact_form{width: 80%;}
    .banner .caption ul li{padding: 0 30px;}
}

@media only screen and (max-width:1023px) {
    .nav_bg nav ul li{padding:0 15px;}
}

@media only screen and (max-width:991px) {
.header{min-height:auto;}
.header .logo {padding: 10px 0;width:40%;} 
.header .menubar{width:60%;padding: 0 0 0 15px;}
.social_link li, .call li{padding: 0 5px;}  
.call{width: 40%;}   
.nav_bg{ position: absolute;left: 0; top: 0; width: 100%;padding: 0;} 
.nav_bg nav{display: none;top:70px;z-index: 999;position: absolute;width: 100%; left: 0; background:#ffffff;}
.nav-icon {width:45px;height:40px; background-color:#fff; position: absolute;right: 15px;top:16px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display:block;text-align: center; margin: 0 auto;    border-radius: 5px;  }
.nav-icon span {  display: block;  position: absolute;  height:2px;width: 60%;background:#1947af;border-radius: 9px;margin: 0 auto;opacity: 1; right:0; left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) {  top: 11px;}
.nav-icon span:nth-child(2) {  top: 19px;}
.nav-icon span:nth-child(3) {  top: 27px;}
.nav-icon.open span:nth-child(1) {  top: 18px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.nav-icon.open span:nth-child(2) {  opacity: 0;  left: -60px;}
.nav-icon.open span:nth-child(3) {  top: 18px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.nav-icon:after {content: '';position: absolute;top: 2px;right: -35px;width: 100%;  font-family: "rift",sans-serif;font-size:30px;line-height:20px;color:#fff;}
.open.nav-icon:after{content: '';position: absolute;top:10px;right: -27px;width: 100%; font-family: "rift",sans-serif;font-size:30px;line-height:20px;color:#fff;}
.open.nav-icon	{top:16px;}
    .nav_bg nav ul{  width: 100%;padding:0;}
    .nav_bg nav ul li a{ padding: 5px 25px; color:#1947af;}
    .nav_bg nav ul li { display: block; text-align:center; margin: 0px 0px 0 0; padding: 5px 0;border-bottom: 1px solid #f5f5f7;background: none;}
    .nav_bg nav ul li a:hover, .nav_bg nav>ul>li.current-menu-item>a{color: #a6a8ab;}
    .nav_bg nav>ul>li:hover> a:after, .nav_bg nav ul > li.current-menu-item a:after{display: none;}
    .help_sec .img_wrap{position: relative; width: 100%;}
    .help_sec .content_wrap{width: 100%; margin: 0 auto; padding: 30px;}
    .testimonial_slider .slide{padding: 20px 20px 50px;}
    .testimonial_slider .slide img.profile_pic{ margin: 0px 10px 5px 0;}
    .testimonial_slider .slide h3{font-size: 20px;}
    ul.con_details li{width: 48%;float: none; display: inline-block;}
    .contact_form {width: 100%;}
}

@media only screen and (max-width:767px) {
    .header{background:transparent;}
    .header .container{padding: 0;}
    .header .logo{width: 100%; padding: 10px 0 10px 10px;}
    .header .menubar{width: 100%; padding: 0 15px;}
    .call {width: 60%;}
    .banner .caption ul li{width: 50%;text-align: center;padding:10px;}
    .banner .caption h2{text-align: center;}
    .banner .caption ul:before{display: none;}
    .banner .caption{bottom:20px;}
    .testimonial_sec .in_wrap{padding: 0 100px;}
    .testimonial_sec .in_wrap p>br,.contact_sec p>br{display: none;}
    .contact_form ul li{width: 47%;}
    .contact_form ul{padding: 20px;}
}

@media only screen and (max-width:660px) {
    .banner .caption h1 {font-size: 40px; line-height: normal;}
    .banner .caption h2{font-size: 50px;}
    .banner .caption h2>sup {font-size: 30px;}
    .welcome_sec{padding: 50px 0;}
    .welcome_sec h2,.help_sec .content_wrap h2,.testimonial_sec h2,.contact_sec h2{font-size: 30px;}
    .help_sec .content_wrap,.testimonial_sec,.contact_sec{padding: 30px 0;}
    .help_sec .content_wrap ul li{width: 100%;padding:10px 0;}
    ul.con_details li{width: 100%;}
    .contact_form ul li{width: 100%;margin: 0 auto 10px;}
    .contact_form ul li:last-child{margin: 0 auto;}
    .ft_logo,.half_wrap{width: 100%;text-align: center;}
    .footer ul{text-align: center;padding:20px 0 0;}  
}

@media only screen and (max-width:480px) {
    .header .logo img{width: 220px;height: auto;}
    .social_link,.call{width: 100%;text-align: center;}
    .banner .caption h1 {font-size: 30px;}
    .banner .caption h2 {font-size: 40px;}
    .banner .caption ul li p>br{display: none;}
    .testimonial_sec .in_wrap{padding-left: 0;}
    .testimonial_sec h2:before{display: none;}
    .testimonial_slider .slide{margin: 0 auto;}
}

@media only screen and (max-width:360px) {
    .banner .caption p>br,.help_sec .content_wrap h2>br{display: none;}
    .banner .caption p{font-size: 16px; line-height:24px;}
    ul.con_details li{padding: 10px 0; }
    .icon{width: 15%;}
    .details{width: 85%;}
    .footer ul li{padding: 5px;}
}