/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#packages li {
		font-size: 16px;
	}

	

	.box-left {
		padding-left: 10%;
	}

	.box-right {
		padding-left: 15%;
	}

	.navbar-toggle {
		margin-top: 4%;
	}
        
          
        .add{
            font-size: 62px;
            line-height: 40px;
        }
        .add-regular{font-size: 26px;}
        .add-regular1{font-size: 18px; line-height:30px; }
        
.add {
   
    padding-top: 44%;
    padding-bottom: 48%
        
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/* nav */
	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}

	.navbar-nav>li {
		float: none;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-text {
		float: none;
		margin: 15px 0;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.collapsing {
		overflow: hidden !important;
	}

	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
		background-color: #f8f8f8;
	}

	/* end */
	.img-banner {
		display: none;
	}

	.intro-header {
		padding-top: 25px;
		padding-bottom: 90px;
		text-align: center;
		color: #f8f8f8;
		background-size: cover;
		background: url(../img/banner-responsive.png) no-repeat center center;
		background-color: #000;
		padding-bottom: 60px;
	}

	.intro-header .btn-default {
		background-color: #fed136 !important;
		border-color: #000;
		margin-top: 40px;
		color: #252525;
	}

	.intro-bold {
		font-family: "Raleway-ExtraBold";
		color: #fed136;
		font-size: 42px;
	}

	.intro-message h1 {
		color: #fff;
	}

	.package-heading {
		padding-top: 0;
	}

	.pack {
		padding: 20px 0;
	}

	#packages li {
		font-size: 22px;
	}

	.box-left {
		padding-left: 12%;
	}

	.box-right {
		padding-left: 36%;
	}

	#contact {
		padding-top: 10px;
	}
        .skype {
		padding-left: 8px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.intro-bold {
		font-size: 55px;
	}

	.about-heading {
		text-align: center;
	}

	#about p {
		font-size: 16px;
	}

	.package-heading {
		text-align: center;
	}

	#packages li {
		font-size: 18px;
	}

	.skype {
		padding-left: 8px;
	}

	.box-left {
		padding-bottom: 77px;
		padding-top: 77px;
		min-height: fit-content;
	}

	.box-right {
		padding-bottom: 100px;
		padding-top: 88px;
		padding-left: 30%;
		min-height: 0;
	}

	.navbar-toggle {
		margin-top: 7%;
	}
        
         
        .add{
            font-size: 62px;
            line-height: 40px;
        }
        .add-regular{font-size: 26px;}
        .add-regular1{font-size: 18px; line-height:30px; }
        
.add-wrapper .btn-xl {float: left;}
#installation {padding: 20px 0;}
}
@media only screen and (max-width : 640px) {
        .navbar {
    position: absolute;margin-top: 35px;}
            
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.intro-bold {
		font-size: 36px;
	}

	.intro-message h1 {
		text-align: center;
		font-size: 14px;
		line-height: 23px;
		padding-top: 75px;
	}

	.about-heading {
		font-size: 25px;
		padding-top: 34px;
	}

	#about p {
		font-size: 15px;
		line-height: 24px;
	}

	.package-heading {
		font-size: 25px;
	}

	#packages {
		padding: 30px 0;
	}

	#packages li {
		font-size: 10px;
		list-style-image: none;
		margin-top: 10px;
	}

	.installation-heading {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 25px;
	}

	.installation-heading {
		padding-top: 12px;
		padding-bottom: 30px;
	}

	.plan-features li {
		font-size: 12px;
	}

	.mail {
		padding-left: 0;
	}

	.box-right {
		padding-left: 18%;
	}

	.navbar-toggle {
		margin-top: 10%;
	}
        
        
        .add{
            font-size: 34px;
            line-height: 26px;
        }
        .skype {padding-left: 0px;}
        .add-regular{font-size: 18px;}
        .add-regular1{font-size: 15px; line-height:21px; }
        #installation {padding: 20px 0;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}