@media only screen
and (min-width : 2560px){
    header .header-content .header-content-inner h1 {
        font-size: 80px;
    }
    header .header-content .header-content-inner p{
        font-size: 37px;
    }
    .hardware_section{
        width: 50%;
    }
    .keycomponents_container{
        padding: 0px 350px;
    }
    .footer_nukkadshops{
        padding: 15px 450px;
    }

}
@media only screen and (min-width : 1224px) {
    .model_features img {
        margin: 10px auto;
        height: 30px;
        width: initial;
    }
    header .header-content .header-content-inner p {
        font-size: 22px;
    }
    .key_component{
        padding: 0px 0px 0px 30px;
    }
    .pos_features{
        padding: 80px 0px 0px;
    }
    .keycomponents_container{
        padding: 0px 100px;
    }
    .model_features{
        text-align: center;
    }
    .pos_overview{
        margin-bottom: 10px;
    }
    .brochure_wrapper{
        padding-bottom: 150px;
    }
    .overview_container{
        padding: 70px 50px;
    }

}

@media only screen and (max-width: 991px){
    .contact_wrapper{
        text-align: center;
    }
    .content_carousel{font-size: 1.4em;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {
    /*section {
        padding: 50px 0;
    }*/
    .header-content-inner .btn-default{
        margin-left: 10px;
    }
    .navigationHeader{
        padding: 15px !important;
    }
    .ns_logo img{
        width: 140px;
    }
    .navigation-right .btn-secondary{
        margin-left: 10px;
        padding: 5px 0px 7px;
    }
/*    .nav>li>a{
        padding: 7px;
    }*/
    .navbar-default.affix{
        padding: 15px;
        height: 70px!important;
    }
    .navbar-default .navbar-header .navbar-brand {
        top: 5px!important;
    }
    .brochure_wrapper{
        padding: 100px 20px;
    }
    .pos_features{
        padding: 50px;
    }
    .key_component{
        padding: 0 10px;
        margin-bottom: 30px;
        text-align: center;
    }
    .press_wrapper {
        padding: 50px 0px;
    }
    .ns_footer{
        padding: 50px 100px;
    }
    .footer_list_wrapper{
        padding: 10px 0px;
        text-align: center;
    }
    .footer_logo_wrapper{
        float: none;
    }
    .footer_nukkadshops{
        overflow: hidden;
        height: auto;
    }
    .footerLogo{
        float: none;
        text-align: center;
    }
    .header-content-inner span.caption{
        width: 73%;
    }
    header .header-content{
/*        top: 50% !important;*/
        -webkit-transform: translateY(-50%)!important!important!important;
        -ms-transform: translateY(-50%)!important!important;
        transform: translateY(-50%)!important;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) { 
    header .header-content .header-content-inner {
        max-width: 1000px;
        /*width: calc(100% - 450px);*/
    }
    
    .view{
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) { 
	header .header-content {
    top: 50% !important;
    -webkit-transform: translateY(-50%)!important!important!important;
    -ms-transform: translateY(-50%)!important!important;
    transform: translateY(-50%)!important;
}
header .header-content {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 100%;
}
header .header-content .header-content-inner h1{
	
}
}

@media screen and (min-width: 320px) and (max-width: 1023px) { 
	.contact_view{
        display: none;
    }
}


@media only screen and (min-width: 1024px) {
    header .header-content .header-content-inner {
    position: absolute;
    top: 120px;
    left: 100px;
    right: 20px;}
    
    .view{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
header {
	    background-size: contain;
}
}

@media only screen and (min-width: 768px) {
    
    header {
    height: 630px;
   
    background-position: right bottom, left top !important;
    }
    header.thankyou_header{
        height: 40%;
    }
/*
     header .header-content {
        position: absolute;
        top: 55%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 100px;
    }
*/
    
    header .header-content .header-content-inner h1 {
        font-size: 44px;
        
    }
    header .header-content .header-content-inner p {
        font-size: 20px;
        line-height: 25px;
        /*width: 650px;*/
        margin-top: 30px;
    }
    .navigationHeader{
        padding: 15px 100px;
    }
    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
        display: inline-block;
        position: relative;
        top: 10px;
    }
    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: white;
    }
    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus {
        color: rgba(255, 255, 255,1);
    }
    .navbar-default .nav > li > a:hover,
    .navbar-default .nav > li > a:focus:hover {
        color: rgba(255, 255, 255,0.8);
    }
    .navbar-default.affix {
        background-color: rgba(0,0,0,0.8);
        padding: 0px 0px;
        height: 80px;
        /*height: 50px;*/
        padding: 15px 100px;
    }
    .navbar-default.affix .navbar-header .navbar-brand {
        color: #04AEBF;
        font-size: 14px;
    }
    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #04AEBF;
    }
    .navbar-default.affix .nav > li > a,
    .navbar-default.affix .nav > li > a:focus {
        color: #ffffff;
    }
    .navbar-default.affix .nav > li > a:hover,
    .navbar-default.affix .nav > li > a:focus:hover {
        color: #ffffff;
    }
    .navbar-default.affix .nav > li > a:focus:hover {
    }
    .overview_container .image_overview{
        width: 310px;
    }
    .parallax{   
       background-attachment: scroll;
    }
}


@media (max-width: 767px)
{
    .modal-dialog{width: 90%}
    .parallax{
        background-attachment: scroll;
        background-position: 90% center!important;
        height: 320px;
       
    }
    header .header-content{
        padding: 0 15px 0;
        top: 50%; 
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width:100%;
    }
    header .header-content.thankyou_content{
         top: 80%;
    }
     .modal_heading{
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .demoForm_wrapper{
        margin: 20px auto;
    }
    .txt_input{
        padding: 20px;
    }
    
    .btn_demoformsubmit{
        width: 100%;
    }
    section{
        /*padding: 70px 0px;*/
    }
    .navigationHeader{
        padding: 15px;
        background: rgba(0,0,0,0.9);
    }
    .navbar-toggle i{
        color:#ffffff !important;
    }
    .navigationHeader {height: 70px;}
    .navbar-default{display: block;}
    .navbar-default .navbar-header .navbar-toggle{
        margin-right: 0px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color: rgba(254,255,255,0.5);
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color:transparent;
        background:rgba(0,0,0,0.8)
    }
    .navbar-default .navbar-nav>li>a{
        color:#ffffff;
    }
    .navbar-header{
        position: relative;
    }
    .navigation-right .btn-secondary{
        margin: 0px 15px;
        width: 180px;
    }
    .navbar-default.affix {
        background-color: rgba(0,0,0,0.7);
    }
    header{
        height: 100%;
        background-position:center center !important;
    }
    .header-content-inner{text-align: center; padding-left: 20px; padding-right: 20px}
    .header-content-inner span.caption{width: auto; font-size: 22px}
    header .header-content .header-content-inner h1{
        font-size: 1.8em;
    }
    
    .navigationHeader{padding: 8px 10px;}
    .navbar-toggle{padding: 6px 8px;}
   
    
    header .header-content .header-content-inner p{
        display: none;
    }
    .btn-xl{
        padding: 10px 30px;
    }
    .header-content-inner .btn-default {
        margin-left: 10px;
        margin-top: 0;
    }

    .pos_features{
        padding: 16px 5px 0 5px;
    }
    /*.keycomponents_wrapper {
        padding: 30px 5px 20px 5px;
    }*/
    .nsheading{
        font-size: 1.5em;
    }
    .pos_overview{
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .pos_features_wrapper{
        padding:100px 20px;
    }
    .overview_container img{

        height: 150px;
    }
    .model_features {
        margin-bottom: 15px;
    }
    .model_features img{
        margin: 0 auto 10px;
        height: 40px;
        width: initial;
    }
    .model_features figcaption{
        text-align: center;
    }
    .pos_features_wrapper h1{
        font-size: 1.1em;
        text-align: center;
    }
    .label_specification{
        font-size: 0.7em;
        font-family: latoregular;
    }
    .overview_container{
        padding: 10px;
        margin-bottom: 30px;
    }
    .keycomponents_container{
        padding: 0px;
        overflow: hidden;
    }
    .key_component{
        padding: 0 30px;
        text-align: center;
    }
    .key_component .description{
        text-align: center;
    }
    .press_wrapper {
        padding: 30px 0px;
    }
    .press_image{
        margin: 0 auto 20px;
    }
    .content_carousel{
        font-size: 1.3em;
        margin: 0 auto 30px auto;
        width: 100%;
    }
    
    .model_features figure{
    padding: 0px 0px;
    margin: 50px auto;
    height: 50px;
    width: 50%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    }
    .model_features{display: block}
    .model_features figure img{width: auto;}
    
    .ns_footer{
        padding: 30px 30px;
    }
    .footer_list_wrapper{
        padding: 10px 0px;
        text-align: center;
    }
    .footer_logo_wrapper{
        float: none;
    }
    .footer_nukkadshops{
        height: auto;
        overflow: hidden;
        padding: 15px 40px;
    }
    .footerLogo{
       /* float: none !important;*/
        text-align: center;
    }
    .footerLogo img{
        width: 35px;
        height: 35px;
        margin: 10px 0px;
    }
    .contact_wrapper li{
        margin-right: 0px;
        padding-top: 20px;
    }
    .contact_wrapper li a{
        padding:0px 10px;
    }
    .brochure_title{
        font-size: 1.8em;
        text-align: center;
    }
    .brochure_title span{
        text-align: center;
    }
    .brochure_wrapper{
        padding: 80px 20px;
    }
    .pos_mask{
        height: 150px;
    }
    /*carousal*/
    .owl-carousel .owl-item img{
        margin-top: -22px;
    }
    
  
    
}