@media screen and (max-width: 1600px) {

	.service-cluster .hive-grid .hive-item a svg {
		height: 100%;
		width: 9vw;
	}
	
	.top-head .nav ul li a {
        padding: 10px 8px;
    }
    
    .top-head .nav ul li a.nav-btn {
        padding: 8px 25px;
    }

}

@media screen and (max-width: 1400px) {

	.top-head {
		padding: 10px 100px;
	}

	.service-cluster .hive-grid .hive-item a svg {
		height: 100%;
		width: 10vw;
	}

	.headroom--not-top {
		padding: 10px 60px;
	}

	.top-head .nav ul li {
		margin-left: 15px;
	}

	.testimonial-section .testimonial-bg {
		padding: 130px 0 210px 0;
	}

	.service-cluster .hive-grid .hive-item a svg {
		height: 100%;
		width: 12vw;
	}
	
	

}

@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 1200px) {
   
}

@media screen and (min-width: 1024px) {}

@media screen and (max-width: 1024px) {}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    
}

@media screen and (min-width: 992px) and (max-width: 1024px) {}

@media screen and (min-width: 992px) {

	.mobile-trigger{
		display: none;
	}
	#registerModal .modal-dialog {
		max-width: 940px;
	}

}

@media screen and (max-width: 992px) {

	.top-head .nav{
		display: none;
	}
	.mobile-trigger{
		display: block;
		height: 40px;
		width: 50px;
		background-color: #f7941e;
		line-height: 40px;
		text-align: center;
		border-radius: 2px;
	}
	.mobile-trigger img{
		height: 25px;
		width: 25px;
	}
	.top-head .logo a img {
		height: 80px;
	}
	.top-head {
		padding: 10px 40px;
	}
	.headroom--not-top{
		padding: 15px 40px;
	}
	.headroom--not-top .logo a img {
		height: 65px;
	}
	.cd-headline {
		font-size: 46px;
	}
	.banner-section .banner-caption .banner-lists ul li {
		font-size: 16px;
	}	
	.banner-section .banner-caption .banner-lists {
		margin-bottom: 40px;
	}	
	.features-section a {
		margin-bottom: 40px;
		display: inline-block;
	}
	.footer-bottom .bottom-layout {
		text-align: center;
    	flex-direction: column-reverse;
	}
	.footer-bottom .bottom-layout .right{
		margin-bottom: 5px;	
	}
	.footer-bottom .bottom-layout .right ul li {
		margin: 0 15px;
	}
	.service-categories .service-contents {
		padding-left: 0px;
	}
	.service-intro .intro-img svg {
		height: 270px;
	}
  
}

@media screen and (min-width: 768px) and (max-width: 992px) {}

@media screen and (min-width: 600px) and (max-width: 992px) {}

@media (max-width: 900px) {
    
}

@media screen and (max-width: 768px) {

	.banner-section .banner-caption{
		width: 95%;
	}
	.cd-headline {
		font-size: 42px;
	}
	.top-head .logo a img {
		height: 55px;
	}
	.mobile-trigger img {
		height: 18px;
		width: 18px;
	}
	.mobile-trigger {
		height: 32px;
		width: 42px;
		line-height: 32px;
	}
	.site-btn{
		font-size: 15px;
	    padding: 13px 45px;
	}
	.banner-section .banner-caption .ghost-btn{
        font-size: 15px;
        padding: 12px 45px;
	}
	.top-head {
		padding: 10px 25px;
	}
	.headroom--not-top {
		padding: 10px 25px;
	}
	.headroom--not-top .logo a img {
		height: 50px;
	}
	.features-section p {
		font-size: 15px;
		line-height: 26px;
	}
	.about-intro p {
		font-size: 15px;
		line-height: 26px;
		margin-top: 50px;
		margin-left: 0px;
	}
	.features-section h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.about-intro h1 {
		font-size: 28px;
		line-height: 36px;
	}
	.site-title h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.about-section p {
		font-size: 15px;
		line-height: 26px;
	}	
	.services-section .services-main .service-row .service-desc p{
		font-size: 15px;
		line-height: 26px;
	}
	.services-section .services-main .service-row .service-desc h2 {
		font-size: 22px;
		line-height: 32px;
	}	
	.pricing-section p {
		font-size: 15px;
		line-height: 26px;
	}
	.testimonial-section .testimonial-bg .title h2 {
		font-size: 38px;
		line-height: 44px;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .item h2 {
		font-size: 18px;
    	line-height: 28px;
		margin-bottom: 20px;
	}
	.testimonial-section .testimonial-bg {
		padding: 70px 0 90px 0;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .item {
		padding-top: 90px;
	}
	.testimonial-section .testimonial-main {
		padding: 50px 30px;
		margin-top: -100px;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .item:before{
		height: 55px;
		width: 55px;
	}
	.pricing-section img {
		display: none;
	}
	.footer-section .foot-contact, .footer-section .foot-lists, .footer-section .foot-contact{
		margin-bottom: 30px;
	}
	.quote-section p {
		font-size: 18px;
		line-height: 32px;
	}
	.quote-section p:before {
		height: 55px;
		width: 55px;
		background-size: contain;
	}
	.site-lists li {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.site-lists li::before{
		height: 20px;
    	width: 20px;
		top: 3px;
	}
	.site-lists {
		padding-left: 0px;
	}
	.about-risks .site-lists{
		margin-bottom: 30px;
	}
	.membership-pricing .membership-left {
		margin-right: 0px;
		margin-top: 0px;
	}
	.membership-pricing .membership-left h2 {
		font-size: 28px;
		line-height: 44px;
	}
	.membership-pricing .membership-left .site-lists{
		margin-bottom: 40px;
	}
	.commission-section .commission-top p {
		font-size: 15px;
		line-height: 26px;
	}
	.commission-section .commission-top h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.contact-top .left {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.contact-top .left p {
		font-size: 15px;
		line-height: 26px;
	}
	.contact-top .left h1 {
		font-size: 28px;
		line-height: 36px;
	}
	.contact-bottom .location-top h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.contact-bottom .location-map {
		margin-bottom: 70px;
	}
	.service-cluster .hive-grid .hive-item a svg {
		width: 20vw;
	}
	.service-categories .service-navs{
		display: none;
	}
   
}

@media screen and (min-width: 768px) {
   
}

@media screen and (max-width: 600px) {
    
}

@media screen and (min-width: 420px) and (max-width: 600px) {}

@media screen and (max-width: 500px) {
	
	.cd-headline {
		font-size: 38px;
	}
	.banner-section .banner-caption .banner-lists ul li {
		font-size: 15px;
	}
	.services-section .services-main .service-row .service-desc {
		padding: 20px 15px;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .item {
		padding-top: 80px;
	}
	.testimonial-section .testimonial-bg .title h2 {
		font-size: 32px;
		line-height: 35px;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .owl-dots {
		margin-top: 25px;
	}
	.testimonial-section .testimonial-main #testimonial-carousel .item h3 {
		line-height: 20px;
	}
	.section-padding {
		padding: 50px 0;
	}
	.features-section .feature-item {
		height: 240px;
		padding: 20px 15px;
		margin-bottom: 30px;
	}
	.features-section .feature-item .feature-title p {
		line-height: 18px;
		font-size: 13px;
	}
	.inner-banner-section .video-frame {
		height: auto;
	}
	.contact-bottom .location-map .map-frame {
		height: 380px;
	}
	.contact-bottom .location-top {
		padding: 80px 0 150px 0;
	}
	.footer-section {
		padding: 50px 0;
	}
	.footer-section .foot-logo img {
		height: 110px;
	}
	.footer-section .foot-logo {
		margin-bottom: 30px;
	}
	.service-cluster .hive-grid .hive-item a svg {
		width: 24vw;
	}
	.site-title {
		margin-bottom: 30px;
	}
	.services-section .services-main {
		margin-top: 30px;
	}
	.services-section .services-main .service-row:last-child{
		margin-bottom: 0;
	}
	.service-categories .service-contents .item .item-right h2 {
		line-height: 32px;
		margin-bottom: 20px;
	}
	.service-intro .intro-desc {
		margin-top: 30px;
		margin-left: 0px;
	}
	.service-categories .service-contents .item .item-left svg {
		height: 60px;
		width: 60px;
	}
	.service-categories .service-contents .item .item-right {
		margin-top: 5px;
		margin-left: 20px;
	}
	.service-categories .service-contents .item:last-child{
		margin-bottom: 0;
	}
	.pricing-section h4{
        margin: 60px 0 40px 0;
	}
    
}

@media screen and (max-width: 450px) {

	.cd-headline {
		font-size: 28px;
	}
	.service-cluster .hive-grid .hive-item a svg {
		width: 28vw;
	}
	#mySidenav a img {
        height: 130px;
    }

}

@media screen and (max-width: 435px) {
    
    .banner-section .banner-caption .ghost-btn{
        margin-left: 0;
        margin-bottom: 10px;
    }
    
}