@media screen and (max-width: 600px) {
    div.f-element.dontHide {
        padding: 10px 0px 0px;
    }

    div.container.container-pad {
        padding: 10px 15px;
    }

    div.container.pad-container2 {
        padding: 10px 15px;
    }

    div.pad-container-parallax
    {
        padding-top:20px !important;
        padding-bottom: 10px !important;
    }
    div.row.b-mgr20 {
        margin-bottom: 10px;
    }
    input[type='text'] ,input[type='password'] {
        margin-bottom: 0px;
    }

    h2.heading{
        font-size: 20px;
    }
    footer.footer {
        padding: 0px 20px;
    }

    div.container.container-pad  img{
        padding-left: 80px;
    }

    div.row.t-pad40.b-pad30{
        padding : 5px;

    }

    li.col-xs-12 a {
        margin: 10px auto;
    }
    h3 {
        font-size :13px;
    }

    p {
        font-size: 10px;
    }
    .btn ,.btn.parallax {
        font-size: 10px;
    }

    .b-pad40 {
        padding: 5px 5px 5px 20px;
    }

    .post-content h2 {
        margin-top: 10px;
    }

    div.col-sm-2 {
        height: 50px;
    }
    li.mobile-li {
        width: 100%;

    }
    li.mobile-li a {
        margin: 0 auto;
    }

    .home-image  {
        margin: 0 auto;
        padding-left: 0px;
    }
    .home-image  img {
        padding: 40px !important;
    }

    div.post-content.bg-white h2 {
        margin-top:  50px;
    }
    
    div.topbar {
        display: none;
    }

    a.logo-dark {
        padding-left: 10px !important;
    }

    button#button_model_free_trail2.btn.btn-white {
        font-size: 15px;
        padding: 5px 10px;
        text-align: center;
    }

    div.services-box-2 img {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }

    div.services-box-2 .content
    {
        padding-top: 10px;
        padding-left: 10px;
    }

    .team-member .image-holder img {
        width: 30%;
        height: 30%;

    }



    .percentage-light span
    {
        margin-right: 20%;
    }

    .clearfix .clearfix-title
    {
        padding-left: 50px;
        padding-top: 50px;
    }

    .clearfix {
        padding-left: 30%;
    }

    .clients li {
        width: 100%;
    }
    .clients li img {
        width: 30%;
    }


    div.services-box-2 img {
        width: 100%;
        height: 100%;
    }
    div.container.container-pad img {
        padding-left: 10px;
    }

    div.services-box-2.left {
        text-align: right;
    }
     .tab-pane.clearfix {
        padding-left: 2% !important;
    }


    .social-icons li a i
    {
        width: 30px;
    }

    .footer-logo {
        padding-left: 20% !important;
    }
    .main-features {
        padding-left:20px;
    }

    .main-features img {
        padding-top:10px;
    }
    .main-features-div {
        padding: 40px;
    }
    .main-features .content {
        margin-right: 10px !important;
    }
    .main-features .content h3{
       padding-top: 0px;
        text-align: left;

    }

    .map-bg
    {
        margin-left: 0px;
    }

    .signup-slider {
        width: 33.333% !important;

    }
    .signup-slider p
    {
        font-size: 8px !important;
    }
    .signup-slider  input[type='text']
    {
        height: 25px !important;
        font-size: 10px;
    }

    .signup-slider  button
    {
        height:25px !important;
        font-size: 8px !important;
        margin-bottom: 0px!important;
    }

    .caption p span {
        font-size: 12px !important;
    }

    .caption h1 span {
        font-size: 12px !important;
    }

    .author{
        margin-left: 53px;
    }

    .article-read-more {
        position: absolute;
        bottom: 15px;
        left: 73px;
    }


}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {


    div.f-element.dontHide {
        padding: 10px 0px 0px;
    }

    div.container.container-pad {
        padding: 10px 15px;
    }

    div.container.pad-container2 {
        padding: 10px 15px;
    }

    div.pad-container-parallax
    {
        padding-top:20px !important;
        padding-bottom: 10px !important;
    }
    div.row.b-mgr20 {
        margin-bottom: 10px;
    }
    input[type='text'] ,input[type='password'] {
        margin-bottom: 0px;
    }

    h2.heading{
        font-size: 20px;
    }
    footer.footer {
        padding: 0px 20px;
    }

    div.container.container-pad  img{
        padding-left: 80px;
    }

    div.row.t-pad40.b-pad30{
        padding : 5px;

    }

    li.col-xs-12 a {
        margin: 10px auto;
    }
    h3 {
        font-size :13px;
    }

    p {
        font-size: 10px;
    }
    .btn ,.btn.parallax {
        font-size: 10px;
    }

    .b-pad40 {
        padding: 5px 5px 5px 20px;
    }

    .post-content h2 {
        margin-top: 10px;
    }

    div.col-sm-2 {
        height: 50px;
    }
    li.mobile-li {
        width: 100%;

    }

    li.last.mobile-li {
        padding-right: 93px !important;

    }
    li.mobile-li a {
        margin: 0 auto;
    }

    .home-image  {
        margin: 0 auto;
        padding-left: 0px;
    }
    .home-image  img {
        padding: 40px !important;
    }

    div.post-content.bg-white h2 {
        margin-top:  50px;
    }

    div.topbar {
       display: none;
    }

    a.logo-dark {
        padding-left: 10px !important;
    }

    button#button_model_free_trail2.btn.btn-white {
        font-size: 15px;
        padding: 5px 10px;
        text-align: center;
    }

    div.services-box-2 img {
        width: 50px;
        height: 50px;
        margin: 0 auto;

    }


    div.services-box-2 .content
    {
        padding-top: 10px;
        padding-left: 10px;

    }





    .percentage-light span
    {
        margin-right: 20%;
    }

    .clearfix .clearfix-title
    {
        padding-left: 50px;
        padding-top: 50px;
    }

    .clearfix {
        padding-left: 15%;
    }

    .clients li {
        width: 100%;
    }
    .clients li img {
        width: 30%;
    }


    div.services-box-2 img {
        width: 100%;
        height: 100%;
    }
    div.container.container-pad img {
        padding-left: 10px;
    }

    div.services-box-2.left {
        float: left ;
    }
    .tab-pane.clearfix {
        padding-left: 2% !important;
    }


    .social-icons li a i
    {
        width: 30px;
    }

    .footer-logo {

        margin: 0 auto;
    }

    .t-pad60 {
        padding-right: 10px !important;
    }

    .c100{
        font-size: 80px !important;
    }

    .features
    {
        float: left !important;
    }
    .pad-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .statistics {
        width: 33.3333%;
        text-align: center;
    }
    .statistics .clearfix {
        padding-left: 33%;
    }
    .video-bg.landing h3 {
        font-size: 20px;
    }
    .video-bg.landing h1
    {
        font-size: 25px;
    }
    .contact-fields {
        width: 100%;

    }

    .map-bg {
        margin-left: 0px;
    }

   .image-holder .background-image {
       width: 200%;
   }

    .project-shortcut
   {
       float: right !important;
       text-align: right !important;
   }

    .post-content {
        min-height:100px !important;
    }

    .post-content.testimonial h2 {
        padding-bottom: 20px !important;
    }
    .main-features {
        float: left !important;
    }

    .pricing .plan h4 .amount {
        font-size: 36px;
    }

    .tab-block-hom .nav-tabs li {
        padding: 0px 40px 0px 0px !important;
    }

    .signup-slider {
        width: 50% !important;

    }
    .signup-slider p
    {
        font-size: 8px !important;
    }
    .signup-slider  input[type='text']
    {
        height: 25px !important;
        font-size: 10px;
    }

    .signup-slider  button
    {
        height:25px !important;
        font-size: 8px !important;
        margin-bottom: 0px!important;
    }

    .author{
        margin-left: 47px;
    }

    .article-read-more {
        position: absolute;
        bottom: 15px;
        left: 54px;
    }


}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    li.mobile-li {
        width: 20%;

    }
    li.mobile-li a {
        margin: 0 auto;
    }

    .col-md-4.col-xs-offset-2
    {
       margin-left: 5%;
        width: 45%;

    }


    .col-md-4.col-xs-offset-2 h1 {
        margin-top: -50px;
    }


    .footer-logo {
        width: 90% !important;
        margin: 0 auto;
    }

    .author{
        margin-left: 47px;
    }

    .article-read-more {
        position: absolute;
        bottom: 15px;
        left: 54px;
    }

}
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    li.mobile-li {
        width: 20%;

    }
    li.mobile-li a {
        margin: 0 auto;
    }

    .col-md-4.col-xs-offset-2
    {
        margin-left: 5%;
        width: 45%;

    }


    .col-md-4.col-xs-offset-2 h1 {
        margin-top: -50px;
    }


    .footer-logo {
        width: 90% !important;
        margin: 0 auto;
    }


    .signup-slider {
        width: 50% !important;
        top:58px;

    }
    .signup-slider p
    {
        font-size: 8px !important;
        padding-left: 100%;
    }
    .signup-slider  input[type='text']
    {
        height: 25px !important;
        font-size: 10px;
    }

    .signup-slider  button
    {
        height:25px !important;
        font-size: 8px !important;
        margin-bottom: 15px!important;
    }

    .author{
        margin-left: 47px;
    }

    .article-read-more {
        position: absolute;
        bottom: 15px;
        left: 54px;
    }
}
