@media (max-width: 479px){
.logo{margin: 5px 0px;}
.logoimg{display: none;}
.responsive-logo{display: block;    width: 225px;}
.banner .content figcaption{padding-top: 30px;}
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 280px;margin: 20px auto 0px;}
.video-section .blog-vid-par {width: 208px;height: 129px;top: 10px;left: 0px;}
.bg-img .banner { padding: 95px 0px 0px !important;}
.logoimg{display: none;}
.responsive-logo {display: block;}
.navbar-default {padding:10px 0px !important;float:none;}
.links.top-l-social img {  margin-left: 0px;}		
.Resp-logoimg{display: block !important;width: 235px;}
}

@media (min-width: 480px) and (max-width: 767px) {
.video-section .blog-vid-par {top: 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.video-section .blog-vid-par {top: 113px;}
}

@media (min-width: 480px) and (max-width: 991px) {
.video-parent img{width: 100%;max-width: 320px;}
.video-parent {width: 320px;margin: 25px auto 0px;}
.video-section .blog-vid-par {width: 238px;left: 0px;height: 149px;}
}

@media (min-width: 646px) and (max-width: 767px) {
.videos-blog .col-md-9 .row .col-sm-4 {width: 47%;display: inline-block;margin: 0px 8px 15px;}
}

@media (max-width: 767px){
.heading-box {width:95%;max-width: 500px;padding: 20px;position: relative;margin: auto;margin-top: -80px;background-image: none;background: #fff;border: 2px solid #000;}
.xs-no-display{display: none;}
.bg-img .banner {padding:130px 0px 0px;}
.banner .content, .banner .video-parent{display: block;}
.bg-img figcaption p{width: 100%;}
.bg-img figcaption h1, .bg-img figcaption h2{font-size: 26px;}
.bg-img figcaption h3{font-size: 26px;}
.heading-box h2{font-size: 24px;margin: 0px;}
.three-steps h4, .benefits h4 {width: 100%;font-size: 20px;margin: auto;}
.three-steps h3 {width: 100%;font-size: 24px;}
.three-steps p{font-size: 18px;}
.step-row{display: block;}
.step-parent {display: block;max-width: 320px;margin: 100px auto;}
.step-parent:first-child{margin-top: 50px;}
.step-parent:last-child{margin-bottom: 50px;}
.step-icon{top: -50px;}
.step-box p {font-size: 20px;}
.text-bunch{margin: 0px;}
.benefits ul.list-style-home li {font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.benefits ul.list-style-home li::before {width: 20px;height: 20px;top: 1px;left: -25px;}
.benefits h1 {font-size: 24px;}
.benefits p {font-size: 18px;font-weight: 600;}
.bg-img figcaption p, .three-steps .caption p, .benefits p, .sub-benefits p, .sub-benefits p.bottom-text{font-size: 18px;}
.benefits ul.list-style-home li{font-size: 16px;}
.sub-benefits-bg {background-image: none;background-color: #fff;border: 2px solid #000;max-width: 573px;margin: auto;left: 0;right: 0;margin: auto;top: -10%;}
.sub-benefits-content {padding: 20px 20px 50px;}
.submit-btn a{margin-bottom: 10px;}
.sub-benefits-box {width: 95%;padding: 20px;}
.benefits .mid-section ul li{font-size: 18px;}
}

@media (min-width: 646px) and (max-width: 767px) {
.videos-blog .col-md-9 .row .col-sm-4 {width: 47%;display: inline-block;margin: 0px 8px 15px;}
}

@media (min-width: 768px) and (max-width: 991px){
.banner {padding: 100px 0px !important;}
.heading-box h2{font-size: 26px;}
.step-box{width: 100%;}
.step-parent .step-icon img{max-width: 100px;}
.step-icon{top: -30px;}
.three-steps h3 {width: 100%;font-size: 26px;}
.three-steps p, .benefits p, .benefits ul.list-style-home li, .sub-benefits p, .sub-benefits p.bottom-text {font-size: 20px;}
.benefits .mid-section ul li{font-size: 18px;}
.three-steps h4 {font-size: 22px;margin-bottom: 20px;}
.sub-benefits-box {width: 100%;padding: 5% 5%;}
section.benefits .mid-section {padding: 50px 0px 0px;}
.step-box p {padding: 85px 0px 20px;}
}

@media (max-width: 991px){
.sm-no-display, .banner .col-md-5.sm-no-display{display: block;}
.sm-no-display, .banner .col-md-5.sm-no-display{display: none !important;}
.benefits h1{padding-top: 30px;margin-top: 0px;}
.sub-benefits .lets-start-btn a{width: 250px;}
}

@media (min-width: 480px) and (max-width: 1199px){
.logo{margin: 10px 0px;}
}

@media (min-width: 768px) and (max-width: 1199px){
.bg-img figcaption h1 {font-size: 30px;}
.bg-img figcaption p{width: 100%;font-size: 20px;}
.benefits h1 {font-size: 30px;}
.benefits h4 {font-size: 24px;}
.links.top-l-social {  padding: 23px 0px !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
.banner {padding: 15% 0% 13%;}
.video-section .blog-vid-par{top: 42px;}
.three-steps p, .benefits p, .benefits ul.list-style-home li {font-size: 20px;}
.sub-benefits p, .sub-benefits .bottom-text p {font-size: 22px;}
}

@media (max-width:1199px){
/*section.pt-100 {padding-top: 80px;}*/
.logo{max-width: 210px;}
.navbar-default {padding: 17px 0px;}
.navbar-toggle {display: block;margin-right: 0px;}
.navbar-header{float: none;}
.navbar-collapse.collapse{display: none !important;}
.navbar-collapse.collapse.in{display: block !important;}
.navbar-nav{margin: 0px;}
.navbar-nav > li{float: none;margin-right: 0px;}
.navbar-default .navbar-nav > li > a {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-default .navbar-nav > li {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.navbar-nav{float: none;}
.navbar-collapse{padding: 0px;}
.navbar-toggle{margin: 0px;}
}