/*****************************************************************************/
/*(960 X 1024)*/
/*****************************************************************************/
@media only screen and (max-width: 1025px)
{

    .logo { margin: 0 10px; }
    nav ul li a { margin: 0 25px; }

    .services-wrap, .about-wrap, .work-wrap, blog-wrap, .contact-wrap { padding-top: 190px; }

    #slidecaption img { max-width: 100%; }

    /*.about { width: 90%; margin: 0 auto; }*/
    /*.about figure { width: 100%; height: auto; display: block; margin-bottom: 30px; }*/
    /*.about > div { display: block; width: 100%; margin-left: 0px; margin-bottom: 30px; }*/
    .about .progress { margin: 30px auto 0; }

    .our-team { width: 90%; margin: 0 auto; }
    .our-team .team { margin-bottom: 20px; margin-right: 15px; }

    .our-services { width: 90%; margin: 0 auto 30px; }

    /*#timeline { width: 100%; margin: 0 auto; display: block; }*/
    /*#issues { height: 331px; margin: 0 auto; }*/
    /*#issues li { width: 100%; max-width: 554px; height: auto; }*/
    /*#issues li img { width: 100%; }*/
    /*.scrrol_btn { width: 100%; }*/
    /*#scrrol-bg { width: 100%; max-width: 554px; }*/
    /*#dates { width: 100% !important; max-width: 554px; }*/
    /*#dates li { width: 25%; padding: 0px; margin: 0px; }*/

    .services-list { width: 90%; }
    .services-list > div { width: 305px; }

    .header_three { height: auto; padding: 50px 0; }
    .header_three h2 { width: 90%; margin: 0; }

    /*.work_item .element, .work_item figure { width: 250px; }*/

    .header_four .header-nav { width: 100%; }

    .work_item, .blog-items { width: 90%; }

    .header_four .blog-slider .slides div { width: 100%; }

    /*.blog-wrap { width: 90%; margin: 0 auto 50px; }*/
    /*.blog-items article { width: 100%; margin: 0 auto 30px; }*/
    /*.blog-items article figure,*/
    /*.blog-items article figure .overlay,*/
    /*.blog-items article figure a,*/
    /*.blog-items article figure img { width: 100%; }*/

    .header_five .contact-header { width: 90%; }

    .contact-wrap { width: 90%; margin: 0 auto 50px; }
    .contact-wrap > div { width: 100%; }

    #map_canvas { width: 100%; height: 350px; }

    .contact_form input[type="text"], .contact_form input[type="email"] { width: 90%; }
    .contact_form textarea { width: 90%; }
}


/*****************************************************************************/
/*(768 X 1024) + (800 X 600)*/
/*****************************************************************************/
@media only screen and (min-width: 701px) and (max-width: 850px)
{
    header nav { margin: 20px auto; }
    header nav ul { display: none; }
    header .responsive-nav { display: block; }

    .logo { display: block; margin: 0px auto; }

    #main_slider > div img { bottom: 30%; }

    .services-wrap, .about-wrap, .work-wrap, blog-wrap, .contact-wrap { padding-top: 190px; }

    #slidecaption img { max-width: 100%; }

    .about { width: 90%; margin: 0 auto; }
    .about figure { width: 100%; height: auto; display: block; margin-bottom: 30px; }
    .about > div { display: block; width: 100%; margin-left: 0px; margin-bottom: 30px; }
    .about .progress-bar { width: 100%; }

    .our-team { width: 90%; margin: 0 auto; }
    .our-team .team { margin-bottom: 20px; }

    .our-services { width: 90%; margin: 0 auto 30px; }

    /*#timeline { width: 100%; margin: 0 auto; display: block; }*/
    /*#issues { height: 331px; margin: 0 auto; }*/
    /*#issues li { width: 100%; max-width: 554px; height: auto; }*/
    /*#issues li img { width: 100%; }*/
    /*.scrrol_btn { width: 100%; }*/
    /*#scrrol-bg { width: 100%; max-width: 554px; }*/
    /*#dates { width: 100% !important; max-width: 554px; }*/
    /*#dates li { width: 25%; padding: 0px; margin: 0px; }*/

    .services-list { width: 90%; }
    .services-list > div { width: 305px; }

    .header_three { height: auto; padding: 50px 0; }
    .header_three h2 { width: 90%; margin: 0; }

    /*.work_item .element, .work_item figure { width: 250px; }*/

    .header_four .header-nav { width: 100%; }

    .work_item, .blog-items { width: 90%; }

    .header_four .blog-slider .slides div { width: 100%; }

    /*.blog-wrap { width: 90%; margin: 0 auto 50px; }*/
    /*.blog-items article { width: 100%; margin: 0 auto 30px; }*/
    /*.blog-items article figure,*/
    /*.blog-items article figure .overlay,*/
    /*.blog-items article figure a,*/
    /*.blog-items article figure img { width: 100%; }*/

    .header_five .contact-header { width: 90%; }

    .contact-wrap { width: 90%; margin: 0 auto 50px; }
    .contact-wrap > div { width: 100%; }

    #map_canvas { width: 100%; height: 350px; }

    .contact_form input[type="text"], .contact_form input[type="email"] { width: 90%; }
    .contact_form textarea { width: 90%; }
}

/*****************************************************************************/
/*(600 X 800) + (640 X 480)*/
/*****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 700px)
{
    ul#slide-list { max-width: 700px; width: 100%; }

    header nav { margin: 20px auto; }
    header nav ul { display: none; }
    header .responsive-nav { display: block; }

    #main_slider > div img { bottom: 30%; }

    .logo { display: block; margin: 0px auto; }

    h1 {font-size: 30px;}

    .services-wrap, .about-wrap, .work-wrap, blog-wrap, .contact-wrap { padding-top: 190px; }

    #slidecaption img { max-width: 100%; }

    .about { width: 90%; margin: 0 auto; }
    .about figure { width: 100%; height: auto; display: block; margin-bottom: 30px; }
    .about > div { display: block; width: 100%; margin-left: 0px; margin-bottom: 30px; }
    .about .progress-bar { width: 100%; }

    .our-team { width: 90%; margin: 0 auto; }
    .our-team .team { margin-bottom: 20px; margin-right: 10px; }

    .our-services { width: 90%; margin: 0 auto 30px; }

    #timeline { width: 100%; margin: 0 auto; display: block; }
    #issues { height: 358px; }
    #issues li { width: 100%; height: auto; }
    #issues li img { width: 100%; }
    .scrrol_btn { width: 100%; }
    #scrrol-bg { width: 100%; }
    #dates { width: 100% !important; }
    #dates li { width: 25%; padding: 0px; margin: 0px; }

    .header_two .header-btn { width: 90%; }

    .services-list { width: 90%; }
    .services-list > div { width: 100%; margin: 0 auto 10px; }
    .services-list > div div { width: 80%; }

    .header_three { height: auto; padding: 50px 0; }
    .header_three h2 { width: 90%; margin: 0; }

    .work_item .element, .work_item figure { width: 250px; }

    .header_four .header-nav { width: 100%; }

    .work_item, .blog-items { width: 90%; }

    .header_four .blog-slider .slides div { width: 100%; }

    .blog-wrap { width: 90%; margin: 0 auto 50px; }
    .blog-items article { width: 100%; margin: 0 auto 30px; }
    .blog-items article figure,
    .blog-items article figure .overlay,
    .blog-items article figure a,
    .blog-items article figure img { width: 100%; }

    .header_five .contact-header { width: 90%; }

    .contact-wrap { width: 90%; margin: 0 auto 50px; }
    .contact-wrap > div { width: 100%; }

    #map_canvas { width: 100%; height: 350px; }

    .contact_form input[type="text"], .contact_form input[type="email"] { width: 90%; }
    .contact_form textarea { width: 90%; }
}


/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{
    ul#slide-list { max-width: 700px; width: 100%; }

    #slidecaption { display: none; }

    header nav { margin: 20px auto; }
    header nav ul { display: none; }
    header .responsive-nav { display: block; }

    .logo { display: block; margin: 0px auto; }

    h1 {font-size: 30px;}

    .services-wrap, .about-wrap, .work-wrap, blog-wrap, .contact-wrap { padding-top: 190px; }

    #slidecaption img { max-width: 100%; }

    .about { width: 90%; margin: 0 auto; }
    .about figure { width: 100%; height: auto; display: block; margin-bottom: 30px; }
    .about > div { display: block; width: 100%; margin-left: 0px; margin-bottom: 30px; }
    .about .progress-bar { width: 100%; }

    .our-team { width: 90%; margin: 0 auto; }
    .our-team .team { margin-bottom: 20px; }

    .our-services { width: 90%; margin: 0 auto 30px; }

    .header_two .header-btn { width: 90%; }

    #timeline { width: 100%; margin: 0 auto; display: block; }
    #issues { height: 180px; }
    #issues li { width: 100%; height: auto; }
    #issues li img { width: 100%; }
    .scrrol_btn { width: 100%; }
    #scrrol-bg { width: 100%; }
    #dates { width: 100% !important; }
    #dates li { width: 25%; padding: 0px; margin: 0px; }

    .services-list { width: 90%; }
    .services-list > div { width: 100%; margin: 0 auto 10px; }
    .services-list > div div { width: 80%; }

    .header_three { height: auto; padding: 50px 0; }
    .header_three h2 { width: 90%; margin: 0; }

    .work_detail figure,
    .work_detail .detail { width: 100%; margin: 0 auto; }

    .work_item, .blog-items { width: 90%; }

    .header_four .header-nav { width: 100%; }

    .header_four .blog-slider .slides div { width: 100%; }

    .blog-wrap { width: 90%; margin: 0 auto 50px; }
    .blog-items article { width: 100%; margin: 0 auto 30px; }
    .blog-items article figure,
    .blog-items article figure .overlay,
    .blog-items article figure a,
    .blog-items article figure img { width: 100%; }

    .header_five .contact-header { width: 90%; }

    .contact-wrap { width: 90%; margin: 0 auto 50px; }
    .contact-wrap > div { width: 100%; }

    #map_canvas { width: 100%; height: 350px; }

    .contact_form input[type="text"], .contact_form input[type="email"] { width: 90%; }
    .contact_form textarea { width: 90%; }
}