/****************************************************************************
( 1024 X 768)
****************************************************************************/
@media only screen and (min-width: 959px) and (max-width: 1024px) {
    /*.header_overlay .bottom-arrow {bottom: 10px;}*/
    .portfolio_item > div {margin: 0px 15px 57px 15px; }
    .portfolio_item { width: 885px; margin: 0 auto;}
    .about li { display: inline-block; margin:0px 20px 57px 20px; position: relative;  }

    .header_two.header_top .header_overlay > img {position: absolute; bottom: -564px;right: 50%; margin-right: -515px;}
    .header_two.header_top .big-btn { margin-bottom: 30px;padding:14px 38px; }

}
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .header_top h1 {font: 700 60px 'Open Sans', sans-serif;}
    .header_overlay p {padding-bottom: 8px; }
    /*.header_overlay .bottom-arrow { display: none !important; }*/

    .header_two.header_top { overflow: hidden;}
    .header_two.header_top .big-btn { margin-left: 3px; margin-bottom: 20px;padding:14px 38px; }
    .header_two.header_top .black { padding:14px 25px; }
    .header_two.header_top .header_overlay {padding: 15px 0px 0px 0px ;}

    .header_two.header_top .header_overlay > img {position: absolute; bottom: -636px;right: 50%; margin-right: -459px;}
    .overlay-slides { width: 100% !important;}
    .overlay-slides .slide { width: 100% !important; }

    .logo { width: 200px; float: left;text-align: center;}

    header nav { width: 100%; float: none;; }
    header nav ul { float: none; }
    header nav ul li { margin-left: 40px }

    .portfolio_item > div {margin: 0px 10px 57px 10px; }
    .portfolio_item > div > a {width: 180px;height: 180px; }
    .portfolio_item { width: 626px; margin: 0 auto; }
    .portfolio_detail .detail { width: 42%; }
    .portfolio_detail .detail h3  { font-size: 27px; }

    .about li { display: inline-block; margin:0px 5px 57px 5px; position: relative;  }
    .portfolio_item .overlay {   width: 180px; height: 180px;}
    .portfolio_item .overlay .zoom { display: none;}
    .portfolio_item .overlay h5 { margin-top: 61px; }

    .contact_form { width: 290px;}

    form input[type='text'] { width: 240px; }

    form textarea  { width: 233px; }

    form input[type='submit']  { width: 279px; margin: 0 auto;}

    form input[type='submit']:hover { background: #d74b40;}

    form p {font:15px 'proxima_novaregular', sans-serif; margin-bottom: 21px;}

    .contact_detail { width: 256px;}

    .contact_detail p { font-size: 13px; }

    .contact_detail p span { font-size: 13px;}

    footer { padding: 25px 0px; }
    footer p {background:none;padding-left: 0px;}
    .footer_bottom p { margin-right: 0px; margin-bottom: 10px;}
    .footer_bottom {  line-height:0px; padding: 15px 0px;}

    .footer_bottom nav { display: inline-block; margin-left: 0px; }
    .footer_bottom nav li { display: inline-block; margin-left: 11px; }
    .footer_bottom nav li a { font-size: 13px; }
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
    .header_top h1 {font: 700 50px 'Open Sans', sans-serif;}
    .header_overlay p {  padding-bottom: 8px; margin-bottom: 8px; }
    /*.header_overlay .bottom-arrow { display: none !important; }*/

    .header_two.header_top { overflow: hidden;}
    .header_two.header_top .big-btn { margin-left: 3px; margin-bottom: 20px;padding:14px 38px; }
    .header_two.header_top .black { padding:14px 25px; }
    .header_two.header_top .header_overlay {padding: 15px 0px 0px 0px ;}
    .logo { width: 200px; float: left;text-align: center;}

    .overlay-slides { width: 100% !important;}
    .overlay-slides .slide { width: 100% !important; }
    .header_two.header_top .header_overlay > img {position: absolute; bottom: -428px;right: 50%; margin-right: -485px;}

    header nav { width: 100%; float: none;; }
    header nav ul { float: none; }
    header nav ul li { margin-left: 40px }
    .portfolio_item { width: 610px; margin: 0 auto; }
    .portfolio_item > div {margin: 0px 10px 57px 10px; }
    .portfolio_item > div > a {width: 180px;height: 180px; }

    .portfolio_item .overlay {   width: 180px; height: 180px;}
    .portfolio_item .overlay .zoom { display: none;}
    .portfolio_item .overlay h5 { margin-top: 61px; }


    .portfolio_detail .detail { width: 42%; }
    .portfolio_detail .detail h3  { font-size: 27px; }

    .about li { display: inline-block; margin:0px 38px 57px 38px; position: relative;  }

    .contact_form { width: 290px;}

    form input[type='text'] { width: 240px; }

    form textarea  { width: 233px; }

    form input[type='submit']  { width: 279px; margin: 0 auto;}

    form input[type='submit']:hover { background: #d74b40;}

    form p {font:15px 'proxima_novaregular', sans-serif; margin-bottom: 21px;}

    .contact_detail { width: 256px;}

    .contact_detail p { font-size: 13px; }

    .contact_detail p span { font-size: 13px;}

    footer { padding: 25px 0px; }
    footer p {background:none;padding-left: 0px;}
    .footer_bottom p { margin-right: 0px; margin-bottom: 10px;}
    .footer_bottom {  line-height:0px; padding: 15px 0px;}

    .footer_bottom nav { display: inline-block; margin-left: 0px; }
    .footer_bottom nav li { display: inline-block; margin-left: 11px; }
    .footer_bottom nav li a { font-size: 13px; }
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{

    .header_top h1 {font: 700 50px 'Open Sans', sans-serif;}
    .sticky-wrapper { height: 98px; }
    /*.header_overlay .bottom-arrow { display: none !important; }*/
    .header_two.header_top { overflow: hidden;}
    .header_two.header_top .big-btn { margin-left: 3px; margin-bottom: 20px;padding:14px 38px; }
    .header_two.header_top .black { padding:14px 25px; }
    .header_two.header_top .header_overlay {padding: 15px 0px 0px 0px ;}
    .header_two.header_top .header_overlay > img {position: absolute; bottom: -501px;right: 50%; margin-right: -429px;}

    .overlay-slides { width: 100% !important;}
    .overlay-slides .slide { width: 100% !important; }

    header {  line-height: 0px; padding: 20px 0px; }
    .logo { width: 100%; float: none;text-align: center; margin-bottom: 20px;margin-left: 0px; }

    header nav { width: 100%; float: none; margin-right: 0px;}
    header nav ul { float: none; }
    header nav ul li { margin-left: 55px }

    .portfolio_item { width: 508px; margin: 0 auto; }

    .portfolio_item > div {margin: 0px 5px 57px 5px; }
    .portfolio_item > div > a {width: 156px;height: 156px;}

    .portfolio_item .overlay {   width: 156px; height: 156px;}
    .portfolio_item .overlay .zoom { display: none;}
    .portfolio_item .overlay h5 { margin-top: 61px; }

    .about li { display: inline-block; margin:0px 8px 57px 8px; position: relative;  }

    .contact_form { margin-right: 0px; float: none; margin-bottom: 20px; }

    footer { padding: 25px 0px; }
    footer p {background:none;padding-left: 0px;}
    .footer_bottom p { margin-right: 0px; margin-bottom: 10px;}
    .footer_bottom {  line-height:0px; padding: 15px 0px;}

    .footer_bottom nav { display: inline-block; margin-left: 0px; }
    .footer_bottom nav li { display: inline-block; margin-left: 11px; }
    .footer_bottom nav li a { font-size: 13px; }
}

/****************************************************************************
 (480 X 320)+ {320 X 480}
****************************************************************************/
@media only screen and (max-width: 480px)
{
    .header_top h1 {font: 700 24px 'Open Sans', sans-serif;}
    .header_top p {font-size: 19px;}
    .header_overlay h1 { margin-top: 0; }
    /*.header_overlay { padding: 16px 0px; height: 195px;  }*/
    .header_overlay .bottom-arrow { bottom:28px; }
    .header_two.header_top .big-btn { margin-left: 3px;padding:14px 38px; }
    .header_two.header_top .black { padding:14px 25px; }
    .header_two.header_top .header_overlay > img {display: none;}
     .overlay-slides .slide { top: 8% !important; }
    .header_two.header_top .overlay-slides .slide { top: 8% !important; }
    .social_icon a { width: 48px; height: 49px; display: inline-block; }

    header {  line-height: 0px; padding: 20px 0px; }

    .logo { width: 100%; float: none;text-align: center; margin-bottom: 20px; margin-left: 0px;}

    header nav { width: 270px;margin: 0 auto;float: none; }
    header nav ul { float: none; }
    header nav li {  margin-left: 11px !important; }
    header nav li a { font-size: 13px; }

    .portfolio-nav li { display: inline-block; margin-left: 3px }

    .portfolio_item { width: 260px; margin: 0 auto; }

    .portfolio_item > div {margin:0 auto 57px;}
    .portfolio_item > div > a {margin:0 auto 57px; width: 260px; height: 260px;}

    .portfolio_item .overlay {   width: 260px; height: 260px;}
    .portfolio_item .overlay .zoom { margin-top: 54px; margin-bottom: 20px; display: inline-block}
    .portfolio_item .overlay h5 { margin-top: 0px; }

    .portfolio_detail figure { width: 90%; float: none;  margin:0 auto 30px;}

    .portfolio_detail .detail { width: 90%; float: none; text-align: left; margin:0 auto 30px; }

    .about-wrap div p { font-size: 15px;}
    .contact-wrap > div > p  { font-size: 15px;}

    .about li { display: inline-block; margin:0px 0px 57px 0px; position: relative;  }

    .contact_form { width: 290px;margin-right: 0px; float: none; margin-bottom: 20px; }

    form input[type='text'] { width: 240px; }

    form textarea  { width: 233px; }

    form input[type='submit']  { width: 279px; margin: 0 auto;}

    form input[type='submit']:hover { background: #d74b40;}

    form p {font:15px 'proxima_novaregular', sans-serif; margin-bottom: 21px;}

    .contact_detail { width: 256px;}

    .contact_detail p { font-size: 13px; }

    .contact_detail p span { font-size: 13px;}

    footer { padding: 25px 0px; }
    footer p {background:none;padding-left: 0px;}
    .footer_bottom p { margin-right: 0px; margin-bottom: 10px;}
    .footer_bottom {  line-height:0px; padding: 15px 0px;}

    .footer_bottom nav { display: inline-block; margin-left: 0px; }
    .footer_bottom nav li { display: inline-block; margin-left: 11px; }
    .footer_bottom nav li a { font-size: 13px; }
}
/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 479px)
{
    .header_top h1 {font: 700 24px 'Open Sans', sans-serif;}
    .header_overlay h1 { margin-top: 0; }
    /*.header_overlay { padding: 16px 0px; height: 195px;  }*/
    .header_overlay .bottom-arrow { bottom:28px; }
    .header_two.header_top .big-btn { margin-left: 3px;padding:14px 38px; }
    .header_two.header_top .black { padding:14px 25px; }
    .header_two.header_top .header_overlay > img {display: none;}
    .overlay-slides .slide { top: 38% !important; }
    .header_two.header_top .overlay-slides .slide { top: 15% !important; }
    .social_icon a { width: 48px; height: 49px; display: inline-block; }

    header {  line-height: 0px; padding: 20px 0px; }

    .logo { width: 100%; float: none;text-align: center; margin-bottom: 20px; margin-left: 0px;}

    header nav { width: 270px;margin: 0 auto;float: none; }
    header nav ul { float: none; }
    header nav li {  margin-left: 11px !important; }
    header nav li a { font-size: 13px; }

    .portfolio-nav li { display: inline-block; margin-left: 3px }

    .portfolio_item { width: 260px; margin: 0 auto; }

    .portfolio_item > div {margin:0 auto 57px;}
    .portfolio_item > div > a {margin:0 auto 57px; width: 260px; height: 260px;}

    .portfolio_item .overlay {   width: 260px; height: 260px;}
    .portfolio_item .overlay .zoom { margin-top: 54px; margin-bottom: 20px; display: inline-block}
    .portfolio_item .overlay h5 { margin-top: 0px; }

    .portfolio_detail figure { width: 90%; float: none;  margin:0 auto 30px;}

    .portfolio_detail .detail { width: 90%; float: none; text-align: left; margin:0 auto 30px; }

    .about-wrap div p { font-size: 15px;}
    .contact-wrap > div > p  { font-size: 15px;}

    .about li { display: inline-block; margin:0px 0px 57px 0px; position: relative;  }

    .contact_form { width: 290px;margin-right: 0px; float: none; margin-bottom: 20px; }

    form input[type='text'] { width: 240px; }

    form textarea  { width: 233px; }

    form input[type='submit']  { width: 279px; margin: 0 auto;}

    form input[type='submit']:hover { background: #d74b40;}

    form p {font:15px 'proxima_novaregular', sans-serif; margin-bottom: 21px;}

    .contact_detail { width: 256px;}

    .contact_detail p { font-size: 13px; }

    .contact_detail p span { font-size: 13px;}

    footer { padding: 25px 0px; }
    footer p {background:none;padding-left: 0px;}
    .footer_bottom p { margin-right: 0px; margin-bottom: 10px;}
    .footer_bottom {  line-height:0px; padding: 15px 0px;}

    .footer_bottom nav { display: inline-block; margin-left: 0px; }
    .footer_bottom nav li { display: inline-block; margin-left: 11px; }
    .footer_bottom nav li a { font-size: 13px; }
}