/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
h1{font-size: 3em;text-align:center}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.navbar-right{display: none}
#pgc-62-13-2{display: none}
h1{font-size: 2.2em;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
h1{font-size:35px}
.hh-1 p{font-size:18px}
.container{text-align:center}
.bg-blog-img span.do{width: 100%;padding:40px 60px}
.bg-blog-img {
    
    max-width: 300px;
    display: block;
    margin: 0 auto;
}
h1{font-size: 2em;}
.line:after{display:none;}
.contact ul li{text-align:center}
}

@media only screen and (max-width : 668px) {
h1{font-size: 1.5em;}
.black-inverse{display:inline-block; margin: 0 auto;}
.nowrap{white-space:normal}
.btn-default {
    padding: 10px 20px;
    font-size: 18px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
h1{font-size: 1.2em;}
h2{font-size: 2em;}
.inbound-headline{font-size: 2.2em;text-align:center}
.hh-1 p{width: 100%;}
.inbound-headline, .inbound-content{padding: 0 0 15% 0; */}
.btn-default{width: 100%;
    display: block;text-align:center}
    .modal-pl{padding:0 }
    .awesome-feature-icon span{margin: 0 auto;}
    .awesome-feature-icon.media-left{    width: 100%;
    display: block;}
    .contact ul li{text-align:center}
    .awesome-feature-icon i {
    background-color: #f5f7fa;
    color: #f38468;
    display: inline-block;
    font-size: 24px;
    height: calc(100% - 2px);
    left: 0px; 
    line-height: 56px;
    position: relative;
    text-align: center;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: calc(100% - 2px);
    z-index: 1;
}
.navbar-brand{    padding: 15px 0px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
h1{font-size: 1em;}

}


/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.icon-contact{display:none}
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}