* {
    margin:0;
    padding:0;
}
h1, h4, h5, h6, p, ul, li, body, html, form, fieldset {
    margin:0;
    padding:0;
    outline:none;
    font-weight:normal;
    border:0
}
h2 {
   font-family:'Lato';
   font-size: 35px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   color: #707070;
   margin-top: 600px;
   padding-top: 50px;
}
h3 {
   font-family: 'Lato';
   text-transform: uppercase;
   margin: 14px;
   font-size: 22px;
   font-weight: bold;
   line-height: 32px;
   font-weight:bold;
}
h4 {
   font-size: 35px;
   float: left;
   text-align: center;
   text-transform: uppercase;
   line-height: 15px;
   margin-left: 115px;
   margin-bottom: 30px;
   margin-top: 15px;
}
.blog {
   margin-left: 250px;
}
.blog-overview-container {
 width:100%;
 padding: 0px 50px;
}
.blog-sidebar {
   width: 33%;
   float: left;
   padding: 0px 40px;
}

.title {
   font-size: 28px;
   text-transform: uppercase;
   margin-top: 70px;
   text-align: left;
   margin-left: 50px;
}
.square {
   width: 84px;
   padding: 5px;
   margin-left: -120px;
   margin-right: 15px;
}
.articles span {
   font-size: 13px;
   position: absolute;
}
.articles {
   font-size: 17px;
   text-align: center;
   margin-top: 10px;
   margin-left: -120px;
}
.articles a {
   position: absolute;
   margin-top: -46px;
   text-align: left;
   font-sizE: 20px;
   margin-left: -14px;
   padding: 0px 5px;
   width: 240px;
}
a.art2 {
   margin-top: -35px;
}
@media only screen and (max-width: 600px) {
.float-left {
   float: left;
   width: 100% !important;
   margin-top: 15px !important;
}

.review-logo {
   background: url(../images/review.png) no-repeat;
   width: 220px;
   height: 110px;
   margin: 0 auto;
   background-size: contain;
}

.blog {
   margin-left: 15px !important;
}
}

.float-left {
 float:left;
 width:66%;
}

img.social {
   max-width: 35px;
   margin-top: 30px;
}
p {
   margin: 15px 0px;
}
.blog-overview-container li {
 list-style:inside;
}
p.results {
   font-family: Helvetica;
   font-size: 20px;
   margin: 10px 100px;
   text-align: center;
   line-height: 31px;
}
.\35 -star-review {
   font-family:Helvetica;
   font-size: 15px;
   margin: 20px 70px;
   text-align:center;
}
.stunning-results {
   background: url('../images/results-bg.png')no-repeat;
   width: 100%;
   padding: 0px;
   margin: 0px;
   background-position: bottom;
   background-size: contain;
   height: 460px;
}
.review-logo {
   background:url('../images/review.png');
   width: 100%;
}
.review-logo {
   background: url('../images/review.png') no-repeat;
   width: 300px;
   height: 110px;
   margin: 0 auto;
}
.talk-big {
   height: 500px;
   padding: 30px 0px 100px 0px;
   text-align: center;
}
p.red {
   font-family: 'Myriad Pro';
   font-size: 28px;
   color: #d80303;
   padding: 10px;
   margin: 0px;
}
.grey-box {
   background: #ababab;
   width: 50%;
   float: left;
   padding: 30px 30px;
   margin-top: 30px;
   color: #fff;
   font-family: arial;
   text-align: left;
   font-size: 16px;
}
.computer {
   width: 50%;
   float: left;
   height: 300px;
   margin-top: 30px;
   margin-bottom: 30px;
}
.sidebar {
   background: url('../images/side.png') no-repeat;
   height: 111px;
   position: absolute;
   z-index: 1;
   width: 114px;
   margin-left: 444px;
   margin-top: 30px;
}
.optimized {
   background: url(../images/maroon-bg.png)-7px 0px no-repeat;
   width: 100%;
   height: 389px;
   background-size: cover;
}
.top-optimized {
   height: 50px;
   background: red;
   color: white;
}
.optimized-services img {
   width: 63%;
}
.optimized-services {
   padding: 48px 112px;
}
p.info {
   position: absolute;
   width: 300px;
   color: #fff;
   margin-top: -212px;
   margin-left: 620px;
   font-size: 16px;
}
p.one {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 22px;
   margin-top: 17px;
   margin-left: 284px;
}
p.two {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 22px;
   margin-top: 50px;
   margin-left: 227px;
}
p.three {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 22px;
   margin-top: 84px;
   margin-left: 185px;
}
p.four {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 22px;
   margin-top: 117px;
   margin-left: 165px;
}

form, fieldset {
    width:100%
}
img {
    border:0;
}
a {
    text-decoration:none;
    border:0;
    outline:0;
}
.clear {
    clear:both;
    width:auto !important
}
ul {
    list-style:none;
}
a:focus {
    outline:none;
}
.nobg {
    background:transparent !important;
}
tr {
   border-bottom: 1px solid;
}
button {
   margin-right: 10px;
    padding: 0px;
    width: 80px;
    background: #948383;
    color: white;
}
/*reset css ends here*/
@font-face {
    font-family: "Poetsen One";
    src: url('../fonts/641632081-PoetsenOne-Regular.eot');
    src: url('../fonts/641632081-PoetsenOne-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/641632081-PoetsenOne-Regular.svg#Poetsen One') format('svg'), url('../fonts/641632081-PoetsenOne-Regular.woff') format('woff'), url('../fonts/641632081-PoetsenOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Pontano Sans";
    src: url('../fonts/146179200-PontanoSans-Regular.eot');
    src: url('../fonts/146179200-PontanoSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/146179200-PontanoSans-Regular.svg#Pontano Sans') format('svg'), url('../fonts/146179200-PontanoSans-Regular.woff') format('woff'), url('../fonts/146179200-PontanoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* The Modal (background) */
.modal {
    display: none;
   /* Hidden by default */
    position: fixed;
   /* Stay in place */
    z-index: 1;
   /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
   /* Full width */
    height: 100%;
   /* Full height */
    overflow: auto;
   /* Enable scroll if needed */
    background-color: rgb(0,0,0);
   /* Fallback color */
    background-color: rgba(0,0,0,0.4);
   /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
   /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
   /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
input[type="submit"] {
    background: red;
    color: white;
    padding: 5px;
    text-transform: uppercase;
}
a:focus, input:focus {
    outline:none !important;
}
body{
   background:#000 url(../images/background.png) repeat left top;
    font:400 14px/21px 'Lato',Arial, Helvetica, sans-serif;
    color:#585858;
}
.main-container-wrapper{
   width:100%;
    height:auto;
    float:left;
    box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    border-radius:0 0 5px 5px;
    overflow:hidden;
}
.container{
   width:100%;
    max-width:1140px;
}
.heading{
   font:900 34px/120% 'Lato',Arial, Helvetica, sans-serif;
    color:#222;
    text-transform:uppercase;
}
.heading2{
   font:300 24px/120% 'Lato',Arial, Helvetica, sans-serif;
    color:#666;
}
.text-center{
   text-align:center;
}
/*header start here*/
header{
   position:relative;
}
.logo{
   width:294px;
    height:auto;
    float:left;
    position:absolute;
    left:0;
    top:0;
    z-index:999999999;
}
.logo img{
   width:100%;
    max-width:294px;
    display:inline-block;
    margin: 20px;
}
.logo2-container{
   width:100%;
    height:auto;
    float:left;
    text-align:center;
    display:none;
    background:#000000;
}
.logo2-container a{
   display:inline-block;
}
.logo2-container a img{
   width:100%;
    max-width:270px;
}
.header-upper{
    background:#000;
    padding:20px 15px;
    padding-left:300px;
    color:#c5c5c5;
    float:left;
    width:100%;
}
.header-upper a{
   color:#c5c5c5;
}
.navbar-default .navbar-toggle{
   border-color:#c5c5c5;
}
.navbar-default .navbar-toggle .icon-bar{
   background-color:#c5c5c5;
}
.language{
   background:url(../images/usa-icon.png) no-repeat left center;
    padding-left:37px;
    display:inline-block;
}
.header-upper ul{
   float:right;
}
.header-upper ul li{
   display:inline-block;
    padding:0 10px;
}
.navbar-brand{
    display:none;
    color:#c5c5c5 !important;
    padding-left:10px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
   background:transparent;
}
nav{
   width:100%;
    height:53px;
    float:left;
    padding:0;
}
nav.navbar{
   margin:0px;
}
.navbar-nav{
   padding:0%;
    z-index:999;
    position:relative;
    float:none;
}
.navbar-default{
    border:0;
    background:#ff9b20 url(../images/orange-bg.jpg) repeat left top;
    border-bottom:solid 2px #c5c5c5;
    padding-left:270px;
    border-radius:0 5px 0 0;
}
.navbar-collapse.collapse{
   position:relative;
    z-index:9999999;
}
nav .nav > li:first-child{
   border-radius:0;
}
nav .nav > li > a{
   padding:0px;
    margin:7px 1px;
    line-height:35px;
    color:#c5c5c5 !important;
    border-radius:0px;
    background: transparent;
    font-size:15px;
    transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}
nav .nav > li.active > a{
   color: #c5c5c5 !important;
    font-family: droid sans;
    font-weight: bolder;
    background:transparent;
}
/*header end here*/
/*main-container start here*/
.main-container{
   width:100%;
    height:auto;
    float:left;
    background:#fff;
}
/*banner start*/
 .banner-container {
    width: 100%;
    float: left;
    background: #fff url(https://www.aspenseoservices.com/include/images/Aspen-SEO-Banner.jpg) no-repeat right bottom;
    background-size: cover;
    min-height: 555px;
 }
.banner-content{
   width:100%;
    height:auto;
    float:left;
    padding:80px 40px 10px 60px;
    background: url('https://www.aspenseoservices.com/include/images/Aspen-SEO-Banner.jpg') no-repeat left top;
}
.banner-content h2{
    font:700 65px/100% 'Lato';
    color:#222;
    text-shadow:1px 1px 0px #fff;
}
.banner-content h3{
    font:normal 45px/100% 'Poetsen One';
    color:#ff9b20;
    text-shadow:1px 1px 0px #fff;
    padding-bottom:15px;
}
.banner-content p{
   color:#0b7cc3;
    font-size:16px;
}
.banner-content ul{
   width:100%;
    height:auto;
    float:left;
    padding:15px 0;
}
.banner-content ul li{
   color:#3b464d;
    font-size:14px;
    padding-bottom:5px;
    background:url(../images/tick-icon.png) no-repeat left top;
    padding-left:25px;
}
.banner-img-container{
   width:100%;
    height:auto;
    float:left;
    text-align:center;
    padding:25px 20px 0;
}
.banner-img-container img{
   width:100%;
    max-width:195px;
}
/*admin panel user page*/
.headline {
   margin-top:0px;
}
.headline h2 {
   margin: 0px 0px;
    background: red;
    color: white;
    padding: 5px 25px;
    font-size: 24px;
}
.search {
   float:right;
    padding:5px;
    margin:0px 5px;
}
.search input[type="text"] {
   margin-right: 5px;
}
/*banner end*/
/*main heading start*/
.main-heading-container{
   width:100%;
    height:auto;
    float:left;
    background:url(../images/pattern.jpg) repeat left top;
}
.main-heading{
   width:100%;
    height:auto;
    float:left;
    padding:30px 2%;
    background:url(../images/shadow.png) repeat-x left bottom;
    position:relative;
}
.main-heading .corner{
   width:75px;
    height:78px;
    float:left;
    position:absolute;
    right:0;
    bottom:0;
    background:url(../images/corner.png) no-repeat left top;
}
.main-heading h2{
    font:normal 32px/100% 'Poetsen One';
    color:#222;
    text-shadow:1px 1px 0px #fff;
    float:left;
    padding-right:15px;
}
.main-heading p{
   color:#333;
    float:left;
    padding-top:10px;
    font-size:16px;
    text-shadow:1px 1px 0px #fff;
}
/*main heading end*/
/*package start*/
.package-overview-box{
   width:100%;
    height:auto;
    float:left;
    padding:50px 2%;
}
ul.package-box-container{
   width:100%;
    height:auto;
    float:left;
}
ul.package-box-container > li{
   width:25%;
    height:auto;
    float:left;
    padding:15px 0%;
    margin-left:-1px;
}
.package-box{
   width:100.1%;
    height:auto;
    float:left;
    background:#f9f9f9 url(../images/white-bg.png) repeat left top;
    border:dashed 1px #000;
    overflow:hidden;
    margin:15px 0;
    position:relative;
}
.package-box.first{
   border-radius:10px 0 0 10px;
}
.package-box.last{
   border-radius:0 10px 10px 0;
}
.package-type{
   background:#222 url(../images/blue-bg.jpg) repeat left top;
    font:300 24px/100% 'Lato';
    color:#fff;
    padding:25px 5%;
    text-align:center;
    text-transform:uppercase;
}
.package-price{
   font:normal 40px/100% 'Poetsen One';
    color:#222;
    padding:25px 5%;
    text-align:center;
    text-shadow:1px 1px 0 #fff;
}
.package-price sup{
   font-size:20px;
    top:-20px;
    position:relative;
}
.package-capacity{
   background: #e70000 url(../images/orange-bg.jpg) repeat left top;
   font-size:18px;
   color: #e0d9d9;
   text-shadow: 1px 1px 0px #ff0000;
   padding:25px 5%;
   text-align:center;
   font-weight:700;
}
.package-features{
   width:100%;
    height:auto;
    float:left;
    padding:25px 5%;
    min-height:520px;
}
.package-features ul{
   width:100%;
    height:auto;
    float:left;
}
.package-features ul li{
   width:100%;
    height:auto;
    float:left;
    background:url(../images/star.png) no-repeat left center;
    padding:5px 0 5px 28px;
    margin:0px;
    line-height:30px;
    color:#222;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #dcdbdb;
}
.package-features ul li:first-child{
   border-top:0;
}
.package-features ul li:last-child{
   border-bottom:0;
}
.package-full-plan{
   width:100%;
    height:auto;
    float:left;
    background:#222 url(../images/bg.jpg) repeat left top;
    padding:25px 5%;
    text-align:center;
    font:400 20px/100% 'Lato';
    color:#fff;
    text-transform:uppercase;
}
.package-box a:hover{
   text-decoration:none;
}
.package-box a:hover .package-full-plan{
   background:#000;
}
.package-box.special{
   background:#fff;
    margin-top:0;
    z-index:99;
    border-radius:10px;
}
.package-box:hover {
    transform: scale(1.1);
    transform-origin: center;
    transform-style: preserve-3d;
}
.about {
    background-color: #F2f2f2;
    height: 500px;
    padding: 30px;
}
/*.package-box.special .package-price, .package-box.special .package-features ul li{
   color:#fff;
}
*/
/*package end*/
/*testimonial start*/
.testimonial-container{
   width:100%;
   height:auto;
   float:left;
   padding: 50px 2%;
   background:#f5f4f4;
}
.testimonial-container h3{
   padding-bottom:10px;
}
.partition{
   width:100%;
    height:2px;
    float:left;
    background:url(../images/partition.png) no-repeat center top;
    margin:15px 0;
}
.testimonial-box{
   width:100%;
    height:auto;
    float:left;
    background:#fff;
    text-align:center;
    border:solid 1px #e4e4e4;
    border-radius:3px;
    padding:20px 5%;
    position:relative;
    padding-bottom:90px;
    margin:25px 0 70px;
    border-radius:4px;
    box-shadow:0 2px 0 #ddd;
    -webkit-box-shadow:0 2px 0 #ddd;
}
.testimonial-box .client-logo{
   margin-bottom:15px;
}
.testimonial-box p{
   color:#999;
}
.testimonial-box p b{
   display:block;
    margin-top:10px;
    color:#222;
    font-weight:700;
    text-transform:uppercase;
}
.testimonial-box .client-image{
   position:absolute;
    padding:7px;
    background:#f5f4f4;
    width:100px;
    height:100px;
    left:50%;
    margin-left:-50px;
    bottom:-50px;
    border-radius:50%;
    border:solid 1px #e4e4e4;
    box-shadow:0 5px 0 #ddd;
    -webkit-box-shadow:0 5px 0 #ddd;
}
/*testimonial end*/
/*about-us start*/
.about-overview-container{
   width:100%;
    height:auto;
    float:left;
    padding:50px 2%;
}
.about-overview-container h3{
    padding-bottom:10px;
}
.about-overview-details{
   width:100%;
    height:auto;
    float:left;
    padding:20px;
    margin:40px 0;
    border-radius:5px;
    box-shadow: 0 3px 0px #ddd;
    -webkit-box-shadow: 0 3px 0px #ddd;
    background:url(../images/white-bg.png) repeat left top;
    min-height:215px;
   text-shadow:1px 1px 0 #fff;
}
.about-overview-details h5{
   font:700 22px/100% 'Lato';
    color:#585858;
    padding-bottom:15px;
}
.about-overview-details p{
   color:#585858;
}
.about-overview-details p b{
   font-weight:700;
    font-size:17px;
    color:#666;
}
.about-overview-details span{
   color:#0b7bc3;
    margin-top:20px;
    display:inline-block;
}
/*about-us end*/
.signup-overview-container{
   width:100%;
   height:auto;
   float:left;
   padding:25px 2%;
   background: #e70000 url(../images/blue-bg.jpg) repeat left top;
}
.signup-overview-container p{
   font:300 25px/100% 'Lato';
    color:#fff;
    text-align:center;
}
.signup-overview-container p b{
   font-weight:700;
    text-transform:uppercase;
}
.signup-overview-container p a{
   display:inline-block;
   padding:15px 20px;
   background: url(../images/orange-bg.jpg) repeat left top;
   color:#fff;
   border-radius:5px;
   box-shadow: 0 1px 3px #4e1111;
   margin:10px;
   font-size:18px;
   color: #fff;
   text-shadow: 1px 1px 0px #ff2d2d;
   font-weight:700;
}
.signup-overview-container p a:hover{
   text-decoration:none;
    background:#a70505;
}
/*main-container end here*/
/*footer start here*/
footer{
   width:100%;
    height:auto;
    float:left;
}
.footer-upper{
   width:100%;
    height:auto;
    float:left;
    border-top:solid 2px #a00909;
    background:#383838 url(../images/bg.jpg) repeat left top;
    padding:25px 2%;
}
.footer-upper-box{
   width:20%;
    height:auto;
    float:left;
    padding:15px 1%;
}
.footer-upper-box h3 {
  font: 700 15px/100% 'Lato';
  color: #e70000;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: 0px;
}
.footer-upper-box ul{
   width:100%;
    height:auto;
    float:left;
}
.footer-upper-box ul li{
   width:100%;
    height:auto;
    float:left;
    padding-bottom:5px;
}
.footer-upper-box ul li a{
   color:#fff;
    font-size:13px;
}
.footer-upper-box ul li a:hover{
   text-decoration:none;
   color:#e70000;
}
.footer-lower{
   width:100%;
    height:auto;
    background:#000;
    padding:25px 2%;
    display:table;
}
.footer-lower-left{
   width:100%;
    height:auto;
    float:left;
    font-size:12px;
}
.footer-lower-left p{
   color:#898989;
}
.footer-lower-left span{
   color:#fff;
}
.footer-lower-left span a{
   display:inline-block;
    margin:0 7px;
    color:#e70000;
}
.footer-lower-left span a:hover{
   text-decoration:underline;
}
.footer-lower-right{
   width:100%;
    height:auto;
    float:left;
    line-height:0;
}
ul.footer-social{
   width:100%;
    text-align:right;
    margin-top:7px;
}
ul.footer-social li{
   display:inline-block;
}
ul.footer-social li a{
   opacity:0.9;
}
ul.footer-social li a:hover{
   opacity:1;
}
/*footer end here*/
.bottom-container{
   width:100%;
    height:auto;
    float:left;
    text-align:center;
    padding:35px 5% 25px;
    background:#fff;
    position:relative;
    z-index:-1;
    margin-top:-20px;
}
.bottom-container img{
   width:90%;
    max-width:770px;
}
/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1050px) {
    .logo{
       width:244px;
   }
    .navbar-default{
       padding-left:220px;
   }
    .header-upper{
       padding-left:250px;
   }
    nav .nav > li > a{
       padding:0px;
        font-size:14px;
   }
}
/*============================= ! Layout for ipad portrait ============================= */
@media only screen and (max-width: 992px) {
    body{
       font-size:13px;
   }
    .heading{
       font-size:28px;
   }
    .heading2{
       font-size:18px
   }
    .logo2-container{
       display:block;
   }
    .logo{
       display:none;
   }
    .navbar-default{
       padding-left:0;
        border-radius:0;
   }
    .header-upper{
       padding:10px;
   }
    .navbar-nav{
       text-align:center;
   }
    nav .nav > li > a{
       font-size:13px;
   }
    .navbar-brand{
        display:block;
   }
    .banner-content{
       padding:20px;
   }
    .banner-content h2{
       font-size:45px;
   }
    .banner-content h3{
       font-size:35px;
   }
    .package-type{
       font-size:18px;
   }
    .package-price{
       font-size:24px;
   }
    .package-price sup{
       font-size:15px;
        top:-10px;
   }
    .package-full-plan{
       font-size:16px;
   }
    .signup-overview-container p{
       font-size:22px;
        line-height:150%;
   }
    .footer-upper{
       padding:25px 0;
   }
    ul.footer-social li a img{
       width:24px;
   }
}
/* ============================= */
/* ! Layout for mobile(lanscape) version */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
    .heading{
       font-size:22px;
   }
    .heading2{
       font-size:16px
   }
    .header-upper{
       font-size:12px;
   }
    .header-upper ul li{
       padding:0 5px;
   }
    .navbar-nav li{
       float:left;
        width:100%;
   }
    .navbar-collapse, .navbar-nav, .navbar.navbar-default{
       background: #000000;
       margin-top: -1px;
   }
    nav .nav > li > a{
       margin:0;
   }
    .banner-content{
       padding:20px 0;
   }
    .banner-content ul li{
       font-size:12px;
   }
    .banner-content h2{
       font-size:30px;
   }
    .banner-content h3{
       font-size:24px;
   }
    .banner-content p{
       font-size:14px;
   }
    .banner-img-container{
       display:none;
   }
    .main-heading h2{
       font-size:24px;
   }
    .main-heading p{
       font-size:14px;
   }
    .about-overview-details{
       margin:20px 0;
        min-height:1px;
        text-align:center;
   }
    .signup-overview-container p{
       font-size:18px;
   }
    .signup-overview-container p small, .about-overview-details h5 small{
       width:100%;
        float:left;
        margin-bottom:5px;
   }
    .signup-overview-container p a{
       padding:8px 20px;
   }
    .footer-upper-box{
       width:100%;
        text-align:center;
   }
    .footer-lower, ul.footer-social{
       text-align:center;
   }
    .footer-lower-left span{
       display:inline-block;
        margin:10px 0;
   }
    .bottom-container img{
       width:100%;
   }
    .package-overview-box{
       padding:25px 2%;
   }
    ul.package-box-container > li{
       width:100%;
        margin-left:0;
   }
    .package-box{
       margin:0;
        border-radius:10px !important;
   }
    .package-type{
       font-size:24px;
   }
    .package-price{
       font-size:40px;
   }
    .package-price sup{
       font-size:18px;
        top:-20px;
   }
}
/* ============================= */
/* ! Layout for mobile(portrait) version */
/* ============================= */
@media only screen and (max-width: 479px) {
  .optimized {
      background: url(../images/maroon-bg.png)-15px 0px no-repeat;
      width: 100%;
      height: 655px;
      background-size: cover;
  }
  h1, .h1 {
    font-size: 28px;
    font-weight: bolder !important;
    text-transform: uppercase;
}
.main-heading p {
    color: #333;
    float: left;
    padding-top: 0px;
    text-shadow: 1px 1px 0px #fff;
  }

  .blog-overview-container {
   width: 100%;
   padding: 0px 33px;
}
.blog-overview-container img {
   width: 90%;
   margin-left: 4%;
}
h3 {
   font-family: 'Lato';
   text-transform: uppercase;
   margin: 10px 0px !important;
   font-size: 22px;
   font-weight: bold;
   color: #000;
   line-height: 35px;
 }
  h4 {
   font-size: 24px;
   float: left;
   text-align: center;
   text-transform: uppercase;
   line-height: 35px;
   margin-left: 0px;
   margin-bottom: 30px;
   margin-top: 30px;
 }
 form.form-horizontal {
   width: 100% !important;
   float: left;
   padding: 50px 0px 0px 0px;
}
.contact-form img {
   max-width: 320px;
   padding: 10px !important;
}
    .banner-container {
     width: 100%;
     float: left;
     background: #fff url(https://www.aspenseoservices.com/include/images/Aspen-SEO-Banner.jpg) no-repeat right bottom;
     background-size: cover;
     min-height: 180px;
   }
    .header-upper{
       text-align:center;
   }
    .header-right{
       width:100%;
        margin-top:12px;
   }
    .main-heading h2{
       font-size:20px;
   }
   .optimized-services {
   padding: 75px 0px;
   }
   .optimized-services img {
         width: 100%;
         margin-left: 11px;
   }
   p.one {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 15px;
   margin-top: 7px;
   margin-left: 186px;
}
p.two {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 15px;
   margin-top: 28px;
   margin-left: 135px;
}
p.three {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 15px;
   margin-top: 51px;
   margin-left: 115px;
}
p.four {
   position: absolute;
   color: #fff;
   text-transform: uppercase;
   font-size: 15px;
   margin-top: 72px;
   margin-left: 106px;
}
h3.heading.text-center {
   margin-top: 0px;
}
top-optimized h4 {
 background:red;
}
}
@media only screen and (max-width: 1200px) {
 .blog-sidebar {
   width: 100%;
   float: left;
   padding: 0px 40px;
 }
 .blog-overview-container {
   width: 100% !important;
   float: left;
}
   h2 {
   font-family: 'Lato';
   font-size: 22px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   color: #707070;
   margin: 0px;
   padding: 0px;
   line-height: 50px;
   padding-top: 200px;
   }
   .stunning-results {
   background: url(../images/results-bg.png)no-repeat;
   width: 100%;
   padding: 0px;
   margin: 0px;
   background-position: bottom;
   background-size: cover;
   height: 760px;
   }

   .talk-big {
   height: 506px;
   padding: 0px;
   text-align: center;
   }
   .grey-box {
   background: #ababab;
   width: 100%;
   float: left;
   padding: 30px 30px;
   margin-top: 30px;
   color: #fff;
   font-family: arial;
   text-align: left;
   font-size: 16px;
   line-height: 30px;
   }
   .computer {
   width: 100%;
   float: left;
   height: 300px;
   margin-top: 30px;
   margin-bottom: 30px;
   }
   h3 {
   font-family: 'Lato';
   text-transform: uppercase;
   margin: 15px;
   font-size: 22px;
   font-weight: bold;
   color:#000;
   line-height:35px;
   }
   p.red {
   font-family: 'Myriad Pro';
   font-size: 21px;
   color: #d80303;
   padding: 10px;
   margin: 0px;
   line-height: 30px;
   }
   p.results {
   font-family: Helvetica;
   font-size: 20px;
   margin: 10px 30px;
   text-align: center;
   line-height: 31px;
   }
   .sidebar {
   display: none;
   }
   .review-logo {
   background: url('../images/review.png') no-repeat;
   width: 220px;
   height: 110px;
   margin: 0 auto;
   background-size: contain;
   }
 }
 .about-overview-container img {
   max-width: 300px;
}
.contact-form {
   padding: 20px;
}
form.form-horizontal {
   width: 50%;
   float: left;
   padding:50px 0px 0px 0px;
}