/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {

}


/*============================================================
    Ipad Portrait 1024px
==============================================================*/

@media only screen and (max-width: 1024px) {
    #feature,
    .parallax_1,
    .parallax_2,
    .parallax_3,
    .parallax_section {
        background-position: center center !important;
        background-attachment: scroll !important;
    }
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {


}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
    .menu_area .navbar-header .navbar-brand {
        margin: 14px 0 10px 15px;
    }
    .menu_area .navbar-header {
        position: relative;
    }
    .navbar-default .navbar-toggle {
        margin: 0 15px 0 0;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .menu_area .navbar-nav li a {
        padding: 5px 15px;
    }
    .features_left {
        margin-bottom: 50px;
    }
    .features_right h2 {
        text-align: center;
    }
    .features_right ul li div:first-child {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .features_right ul li p {
        float: none;
        margin: 15px 0;
        text-align: center;
        width: auto;
    }
    .single_team div:first-child img{
        display: block;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        bottom: -10px;
        transition: all 0.5s ease 0s;
        z-index: 1;
    }
    .features_right div {
        text-align: center;
    }
    .why_choose_area .why_choose_content ul {
        text-align: center;
    }
    .why_choose_area .why_choose_content ul li {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
    }
    .why_choose_area .why_choose_content ul li div {
        margin-bottom: 15px;
    }
    .counter_icon_area .counter_icon .single_counter_item {
        margin: 0 auto 50px;
        max-width: 300px;
        width: 100%;
    }
    .counter_icon_area .counter_icon .single_counter_item h2 {
        margin-top: 10px;
    }
    #sequence .animate-in .single_slide div a {
      top: 230px;
      width: 100%;
      text-align: center;
    }
    #sequence .single_slide div a + a {
      left: auto;
      top: 275px !important;
    }
}


/*============================================================
    iPhone 6 in Portrait done
==============================================================*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

}


/*============================================================
    iPhone 6 in landscape done
==============================================================*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    
}


/*============================================================
    iPhone 6 plus portrait
==============================================================*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

}


/*============================================================
    iPhone 6 plus Landscape done
==============================================================*/

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {

}


/*============================================================
    iPhone 5 & 5S in landscape
==============================================================*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

}

/*============================================================
    Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 320px) and (max-width: 375px) {

}


/*============================================================
    Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

}