/* This Css is for small mobile */

@media (max-width: 767px) {
    .single_store {
        border-left: 0px;
    }
    .last {
        border-right: 0px;
    }
    .iphone {
        float: none;
        text-align: center;
    }
    .about_phone {
        text-align: center;
    }
    .video {
        padding-top: 50px;
    }
    .video-button {
        text-align: center;
    }
    .call_to_action .col-md-3 {
        text-align: center;
        padding-top: 50px;
    }
    .single_fun_facts {
        padding-bottom: 60px;
    }
    .about_phone img {
        width: 100%;
    }
}
/* This Css is for tablet */

@media (min-width: 760px) {
    .single_store {
        border-left: 0px;
    }
    .last {
        border-right: 0px;
    }
    .iphone {
        float: none;
        text-align: center;
    }
    .about_phone {
        text-align: center;
    }
    .call_to_action .col-md-3 {
        text-align: center;
        padding-top: 50px;
    }
    .video-button {
        text-align: center;
    }
    .single_fun_facts {
        padding-bottom: 60px;
    }
    .video {
        padding-top: 50px;
    }
}
/* This Css is for Medium Deviced */

@media (min-width: 992px) {
    .last {
        border-right: 1px solid #0F1217;
    }
    .single_store {
        border-left: 1px solid #0F1217;
    }
    .iphone {
        float: right;
    }
    .video-button {
        text-align: left;
    }
    .call_to_action .col-md-3 {
        text-align: right;
        padding-top: 0px;
    }
    .single_fun_facts {
        padding-bottom: 0px;
    }
    .video {
        padding-top: 00px;
    }
}
/* This Css is for large Deviced */

@media (min-width: 1200px) {
    .last {
        border-right: 1px solid #0F1217;
    }
    .single_store {
        border-left: 1px solid #0F1217;
    }
    .iphone {
        float: right;
    }
    .video-button {
        text-align: left;
    }
    .call_to_action .col-md-3 {
        text-align: right;
        padding-top: 0px;
    }
    .video {
        padding-top: 0px;
    }

}
@media (max-width: 1580px){
    .dg-container nav span {        margin: 42px 0 0 208px;}
    .dg-container nav span.dg-next {        margin-left: 1334px;}
}

@media (max-width: 1480px){
    .dg-container nav span {        margin: 42px 0 0 155px;}
    .dg-container nav span.dg-next {        margin-left: 1286px;}
}
@media (max-width: 1380px) {
    .dg-container nav span {        margin: 42px 0 0 112px;}
    .dg-container nav span.dg-next {        margin-left: 1232px;}
}
@media (max-width: 1280px) {
    .dg-container nav span {        margin: 42px 0 0 51px;}
    .dg-container nav span.dg-next {        margin-left: 1170px;}
}


@media (max-width: 1200px) {
    .dg-container nav span {
        margin: 46px 0 0 38px;
    }
    .dg-container nav span.dg-next {        margin-left: 1116px;}
    #UPAKOVKA h2 {
        margin-top: 158px;
    }
}


@media (max-width: 1199px){
    .nav>li>a {        padding: 10px 3px;    }
    .mailnumber,.mailnumber a, .phonenumber {
        font-size: 20px;}
    .about h2 { margin: -133px 0 23px 0;}
    .single_about_area h3{
        font: 21px 'Noto Serif', serif;
    }
    .single_about_area p {
        font: 12px 'Noto Serif', serif;
    }
    .inner_about_title h2 {
        margin: 77px 0 66px 0;
    }
    #FEATURES h2 {
        margin-top: 51px;
    }
    .copy_right_text {
        font: 13px 'Noto Serif', serif;
    }
}

@media (max-width:1140px){
.dg-container{display: none}
    .upakov{display: block;text-align: center;}
    .call_to_action h2{margin: 108px 0 9px 0;}
}


@media (max-width:1070px){
    .single_about_area h3 {
    font: 23px 'Noto Serif', serif;}
}

@media (max-width:991px){
    .call_to_action h2 {
        margin: 51px 0 9px 0;
    }
    .mailnumber,.mailnumber a ,.phonenumber {  font-size: 16px;
    }
    .inner_about_title h2 {   margin: 2px 0 20px 0;
    }
    #UPAKOVKA h2 {  margin-top: 0;    }
    .about h2 {  margin: -84px 0 23px 0;    }
    .single_about_area h3 {
        font: 16px 'Noto Serif', serif;    }
    .single_about_area p {         font: 12px 'Noto Serif', serif;     }
    #FEATURES h2 {        margin-top: 102px;    }
    #CONTACT h2 {        margin: 53px 0 9px 0;    }
    .fon-menu .nav li a {        font: 11px 'Noto Serif', serif;    }
    .footer {
        margin-top: 90px;
    }
}
@media (max-width:767px){
    .mailnumbe, .mailnumber a , .phonenumber {        font-size: 16px;    }
    .fon-menu .nav {
        display: none;
    }
    .about p {        font: 15px 'Noto Serif', serif;}
    .about h2 {
        margin: -84px 0 23px 0;
    }
    .call_to_action h2 {
        margin: -20px 0 9px 0;
    }
    .logotip {
        margin: 19px auto 0 auto;
    }
    .mail-foot{
        width: 194px; margin: 0 auto;
    }
    .lf{width: 100%; text-align: center;}
    .logo-footer{margin: 0 auto}
    .tel-foot{    width: 146px;    margin: 0 auto;}
}
@media (max-width: 615px){
    .mailnumber,.mailnumber a , .phonenumber {
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }
    .zakzv{ width: 100%;}
    .button {margin: 0 auto}
    .brelok1 { display: none;}
    .about h2 {
        margin: -67px 0 23px 0;
    }
.upakov{display: none}


}
@media (max-width: 393px){
.insta-ico {
    background: url(../images/insta-ico.png);
    width: 31px;
    height: 31px;
    display: block;
    margin: 13px auto;
}}