@media only screen 
and (min-width : 1024px) {
  /* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px),
    only screen and (min-width : 768px) and (max-width : 1024px) {
        
        .container {width: 100%;}
        #int_content .left_area {width: 98%; padding: 0px 10px; margin: 0 auto;}
        #int_content .sidebar {float: none; margin: 0 auto; overflow: hidden; padding-top: 25px;}
        .sf-menu > li > a {padding: 0.9em 0.5em; font-size: 13px;}
        .sf-menu > li {margin-top: 7px; height: 40px;}
        .sf-menu #menu-item-2874 a {margin-top: -2px;}
        .menu_container {width: 100%; min-height: 110px;}
        .four_boxes_container {width: 550px;height: 640px; top: -40px; background: url(../images/768/dot.png); -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}
        #four_boxes {height: 720px; background: #001f42;}
        #four_boxes #box_one, #four_boxes #box_two, #four_boxes #box_three, #four_boxes #box_four {margin-left: 23px; margin-top: 23px;}
        #four_boxes .box_container {padding: 0px;}
        #logo_area h2 {width: 100%;}
        #logo_container {width: 740px;height: 96px;background: url(../images/768/bg.png) no-repeat; margin: 70px auto 0px;}
        #logo_container .bx-wrapper {max-width: 585px !important;}
        #map a {position: relative !important; margin: 30px auto; left:auto !important; right:0 !important;}
        #map .locations {top: 30px;}
        #map .contact {top: 55px;}
        #map {overflow: hidden;}
        #footer {min-height: 80px;}
        #footer span {width: 100%; text-align: center; padding-top: 12px; padding-bottom: 0px;}
        #slide_area {overflow: hidden; background: none; height: auto;}
        #slide_area .nivoSlider img {position:absolute; top:0px;left:0px !important;max-width: none; width: 100% !important; margin-left: 0px !important;}
        #slide_area .nivo-caption {top: 9%;}
        #slide_area .slide_container h1 {font-size: 30px; line-height: 30px;}
        #slide_area .slide_container span {font-size: 20px;}
        #slide_area .slide_container h2 {font-size: 25px;}
        #slide_area .nivo-caption .slide_container .learn_more {position: absolute; right: 12%; top: 27%;}
        #slide_area .slide_container {padding: 0px 90px;}
        #slide_area .nivo-directionNav a {top: 30%;}
        #slide_area .nivo-prevNav {left: 1%;}
        #slide_area .nivo-nextNav {right: 1%;}
        #slide_area .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
        #slide_area .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
        #slide_area .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
        #slide_area .nivoSlider .nivo-directionNav {min-height: 0px; position:static !important;}
        #menu_area {background: url(../images/new_homepage/nav/repeat.png); margin-top: -12px;}
        #int_logo_area h2 {width: 100%;}
        .wpcf7 select {width: 271px;}
        #buttons_area a {display: block; margin: 0 auto; float: none;}
        #right_buttons {float: none; margin: 20px auto 0; overflow: hidden;}
        #contact {height: auto; background: url(../images/new_homepage/repeater.png); overflow: hidden; padding-bottom: 20px;}
        #contact img {margin: 20px auto; float: none;}
        #contact .locations {margin: 0 auto 20px;float: none;overflow: hidden;}
        #contact .locations a {margin: 0 auto 8px;}
        #contact .locations h2, #contact .locations h3 {text-align: center;}
        #contact .social_contact {float: none;display: block;margin: 0 auto;}
        #contact .phone .contact {margin-top: 10px;}

        #owwwl {clear: both;float: none;margin: 0 auto;width: 370px !important;}
        #owl_container  {float: none;margin: 0 auto;width: 370px !important;}
        #environmental h2 {font-size: 22px !important;}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1023px),
    only screen and (min-width : 768px) and (max-width : 1023px) {
        .container {width: 100%;}
         #int_content .left_area {width: 98%; padding: 0px 10px; margin: 0 auto;}

        
       
}

@media only screen and (min-device-width : 481px) and (max-device-width : 768px),
    only screen and (min-width : 481px) and (max-width : 768px) {
        #mobile-menu {display: block;}
        #int_content .left_area {width: 96%; padding: 0px 10px; margin: 0 auto;}
        #int_content .sidebar {float: none; margin: 0 auto; overflow: hidden; padding-top: 25px;}
        .container {width: 100%;}
        #menu_area > div > ul {display: none;}
        #top_area {height: auto; background: url(../images/top_repeat.png); padding-bottom: 10px;}
        #top_area #logo {display: block; float: none; margin: 0 auto;width: 262px;height: 57px;padding-top: 20px;}
        #top_area .right_area {overflow: hidden; width: 370px;margin: 20px auto; float: none;}
        #menu_area .sf-menu {height: auto; margin-bottom: 0em;}
        #menu_area, #menu_area .menu_container {min-height: 0px; border-bottom: 1px solid #123154;}
        #menu_area #home, #menu_area #last {display: none;}
        #menu_area ul li {padding: 0px; background-color: #d5d5d5 !important; width: 100%;background: none; height: auto; border-bottom: 1px solid #c4c4c4;}
        #menu_area ul li a {padding: 10px 20px 10px 20px;background: none;background-repeat: repeat-x;background-position: center bottom; color: #000000;}
        #menu_area ul li a:hover {color: #001f42;}
        #menu_area ul ul li {width: 90%; background-image: url(../images/sub_arrow.png);background-repeat: no-repeat;background-position: 10px 15px;}
        #menu_area ul ul {padding: 0px;}
        #menu_area ul ul li {background-image: none; width: 100%;}
        .sf-menu > li > a {padding: 2.7em 1em; font-size: 13px;}
        .sf-menu #menu-item-2874 a {margin-top: 0px; height: 40px; margin-left: -12px;}
        .menu_container {width: 100%; min-height: 110px;}
        .four_boxes_container {width: 290px;height: auto; top: 25px; background: url(../images/768/dot.png); -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}
        #four_boxes {height: auto; padding-bottom: 160px; background: #001f42;}
        #four_boxes #box_one, #four_boxes #box_two, #four_boxes #box_three, #four_boxes #box_four {margin-left: 23px; margin-top: 23px;}
        #four_boxes #box_four {padding-bottom: 20px;}
        #four_boxes .box_container {padding: 0px;}
        #logo_area h2 {width: 100%; font-size: 16px;}
        #logo_container {width: 480px;height: 96px;background: url(../images/480/bg.png) no-repeat; margin: 70px auto 0px;}
        #logo_container .bx-wrapper {max-width: 300px !important;}
        #map a {position: relative !important; margin: 30px auto; left:auto !important; right:0 !important;}
        #map .locations {top: 30px;}
        #map .contact {top: 55px;}
        #map {overflow: hidden;}
        #footer {min-height: 90px;}
        #footer span {width: 100%; text-align: center; padding-top: 12px; padding-bottom: 0px;}
        #slide_area {overflow: hidden; background: none; height: auto;}
        #slide_area .nivoSlider img {position:absolute; top:0px;left:0px !important;max-width: none; width: 100% !important; margin-left: 0px !important;}
        #slide_area .nivo-caption {top: 0%;}
        #slide_area .slide_container h1 {font-size: 28px; line-height: 28px;}
        #slide_area .slide_container span {font-size: 16px;}
        #slide_area .slide_container h2 {font-size: 25px;}
        #slide_area .nivo-caption .slide_container .learn_more {display: none !important;}
        #slide_area .slide_container {padding: 0px 90px;}
        #slide_area .nivo-directionNav a {top: 30%;}
        #slide_area .nivo-prevNav {left: 1%;}
        #slide_area .nivo-nextNav {right: 1%;}
        #slide_area .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
        #slide_area .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
        #slide_area .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
        #slide_area .nivoSlider .nivo-directionNav {min-height: 0px; position:static !important;}
        #menu_area {margin-top: 0px; height: auto; background-image: none;}
        #logo_container .bx-next {right: 0px;}
        #office h2 {font-size: 30px;}
        #int_logo_area h2 {width: 100%; font-size: 18px;}
        .wpcf7 p {float: none;}
        .wpcf7 select {width: 271px;}
        #buttons_area .butons_container {width: 100%;}
        #buttons_area a {display: block; margin: 0 auto; float: none;}
        .page-template-contact-template-php #wrapper {width: 100% !important; height: auto !important; clear: both;}
        #right_buttons {float: none; margin: 20px auto 0; overflow: hidden;}
        #environmental h2 {font-size: 22px !important; width: 300px;float: left;}
        #environmental .bx-next {right: 12px;}
        #environmental .bx-prev {right: 60px;}
        #contact {height: auto; background: url(../images/new_homepage/repeater.png); overflow: hidden; padding-bottom: 20px;}
        #contact img {margin: 20px auto; float: none;}
        #contact .locations {margin: 0 auto 20px;float: none;overflow: hidden;}
        #contact .locations h2, #contact .locations h3 {text-align: center;}
        #contact .locations a {margin: 0 auto 8px;}
        #contact .social_contact {float: none;display: block;margin: 0 auto;}
        #contact .phone .contact {margin-top: 10px;}

        #owwwl {clear: both;float: none;margin: 0 auto;width: 370px !important;}
        #owl_container  {float: none;margin: 0 auto;width: 370px !important;}

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
    only screen and (min-width : 320px) and (max-width : 480px){
        .container {width: 100%;}
        #int_content .left_area {width: 94%; padding: 0px 10px; margin: 0 auto;}
        #int_content .sidebar {float: none; margin: 0 auto; overflow: hidden; padding-top: 25px;}
        #mobile-menu {display: block;}
        #top_area {height: auto;background: url(../images/top_repeat.png);padding-bottom: 10px;}
        #top_area .right_area .phone {margin-bottom: 15px;}
        #menu_area > div > ul {display: none;}
        #top_area #logo {display: block; float: none; margin: 0 auto;width: 341px;height: 72px;padding-top: 20px;}
        #top_area .right_area {overflow: hidden; width: 180px;margin: 5px auto; float: none;}
        #top_area #logo, #top_area #logo img {width: 245px; height: 52px;}
        #top_area .right_area .social {float: left; clear: both;}
        #menu_area .sf-menu {height: auto; margin-bottom: 0em;}
        #menu_area, #menu_area .menu_container {min-height: 0px;}
        #menu_area #home, #menu_area #last {display: none;}
        #menu_area .sf-menu #menu-item-2874 a {margin-top: 0px !important; margin-left: -12px;}
        #menu_area ul li {padding: 0px; background-color: #d5d5d5 !important; width: 100%;background: none; height: auto; border-bottom: 1px solid #c4c4c4;}
        #menu_area ul li a {padding: 10px 20px 10px 20px;background: none;background-repeat: repeat-x;background-position: center bottom; color: #000000;}
        #menu_area ul li a:hover {color: #001f42;}
        #menu_area ul ul li {width: 90%; background-image: url(../images/sub_arrow.png);background-repeat: no-repeat;background-position: 10px 15px;}
        #menu_area ul ul {padding: 0px;}
        #menu_area ul ul li {background-image: none; width: 100%;}
        .sf-menu > li > a {padding: 2.7em 1em; font-size: 13px;}
        .menu_container {width: 100%; min-height: 110px;}
        .four_boxes_container {width: 290px;height: auto; top: 25px; background: url(../images/768/dot.png); -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}
        #four_boxes {height: auto; padding-bottom: 160px; background: #001f42;}
        #four_boxes #box_one, #four_boxes #box_two, #four_boxes #box_three, #four_boxes #box_four {margin-left: 23px; margin-top: 23px;}
        #four_boxes #box_four {padding-bottom: 20px;}
        #four_boxes .box_container {padding: 0px;}
        #logo_area h2 {width: 100%; font-size: 16px; top: -65px;}
        #logo_container {width: 320px;height: 96px;background: url(../images/480/bg.png) no-repeat; margin: 100px auto 0px;}
        #logo_container .bx-wrapper {max-width: 160px !important;}
        #environmental h2 {font-size: 18px;}
        #environmental .carousel {clear: both;}
        #map a {position: relative !important; margin: 30px auto; left:auto !important; right:0 !important;}
        #map .locations {top: 30px;}
        #map .contact {top: 55px;}
        #map {overflow: hidden;}
        #footer {min-height: 90px;}
        #footer span {width: 100%; text-align: center; padding-top: 12px; padding-bottom: 0px;}
         .four_boxes_container {overflow: hidden;}
        #slide_area {overflow: hidden; background: none; height: auto;}
        #slide_area .nivoSlider img {position:absolute; top:0px;left:0px !important;max-width: none; width: 100% !important; margin-left: 0px !important;}
        #slide_area .nivo-caption {top: 0%; padding: 0px;}
        #slide_area .slide_container h1 {font-size: 15px; line-height: 15px; padding-top: 0px;}
        #slide_area .slide_container span {font-size: 16px;}
        #slide_area .slide_container h2 {font-size: 18px !important;}
        #slide_area .nivo-caption .slide_container .learn_more {display: none !important;}
        #slide_area .slide_container {}
        #slide_area .nivo-directionNav a {display: none;}
        #slide_area .nivo-prevNav {left: 1%;}
        #slide_area .nivo-nextNav {right: 1%;}
        #slide_area .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
        #slide_area .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
        #slide_area .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
        #slide_area .nivoSlider .nivo-directionNav {min-height: 0px; position:static !important;}
        #menu_area {margin-top: 0px;}
        #logo_container .bx-next {right: -1px;}
        #office h2 {font-size: 20px;}
        #int_logo_area h2 {width: 100%;}
        #int_logo_area h2 {width: 100%; font-size: 14px;}
        .wpcf7 p {float: none;}
        .wpcf7 select {width: 271px;}
        .column_one {width: 100%; min-height: 250px;}
        .column_two {width: 100%; min-height: 250px;}
        #buttons_area .butons_container {width: 100%;}
        #buttons_area a {display: block; margin: 0 auto; float: none;}
        #environmental li {width: 357px !important;}
        #right_buttons {float: none; margin: 20px auto 0; overflow: hidden;}
        #environmental h2 {font-size: 22px !important; width: 300px;float: left;}
        #contact {height: auto; background: url(../images/new_homepage/repeater.png); overflow: hidden; padding-bottom: 20px;}
        #contact img {margin: 20px auto; float: none; max-width: 100%;}
        #contact .locations {margin: 0 auto 20px;float: none;overflow: hidden;}
        #contact .locations h2, #contact .locations h3 {text-align: center;}
        #contact .locations a {margin: 0 auto 8px;}
        #contact .social_contact {float: none;display: block;margin: 0 auto;}
        #contact .phone .contact {margin-top: 10px;}

        #owwwl {clear: both;float: none;margin: 0 auto;width: 370px !important;}
        #owl_container  {float: none;margin: 0 auto;width: 370px !important;}

}
@media only screen and (max-device-width : 320px),
    only screen and (max-width : 320px) {
        .container {width: 100%;}
        #int_content .left_area {width: 94%; padding: 0px 10px; margin: 0 auto;}
        #int_content .sidebar {float: none; margin: 0 auto; overflow: hidden; padding-top: 25px;}
        #mobile-menu {display: block;}
        #top_area {height: auto;background: url(../images/top_repeat.png);padding-bottom: 10px;}
        #top_area .right_area .phone {margin-bottom: 15px;}
        #menu_area > div > ul {display: none;}
        #top_area #logo {display: block; float: none; margin: 0 auto;width: 341px;height: 72px;padding-top: 20px;}
        #top_area .right_area {overflow: hidden; width: 180px;margin: 5px auto; float: none;}
        #top_area #logo, #top_area #logo img {width: 245px; height: 52px;}
        #top_area .right_area .social {float: left; clear: both;}
        #menu_area .sf-menu {height: auto; margin-bottom: 0em;}
        #menu_area, #menu_area .menu_container {min-height: 0px;}
        #menu_area #home, #menu_area #last {display: none;}
        #menu_area .sf-menu #menu-item-2874 a {margin-top: 0px !important; margin-left: -12px;}
        #menu_area ul li {padding: 0px; background-color: #d5d5d5 !important; width: 100%;background: none; height: auto; border-bottom: 1px solid #c4c4c4;}
        #menu_area ul li a {padding: 10px 20px 10px 20px;background: none;background-repeat: repeat-x;background-position: center bottom; color: #000000;}
        #menu_area ul li a:hover {color: #001f42;}
        #menu_area ul ul li {width: 90%; background-image: url(../images/sub_arrow.png);background-repeat: no-repeat;background-position: 10px 15px;}
        #menu_area ul ul {padding: 0px;}
        #menu_area ul ul li {background-image: none; width: 100%;}
        .sf-menu > li > a {padding: 2.7em 1em; font-size: 13px;}
        .menu_container {width: 100%; min-height: 110px;}
        .four_boxes_container {width: 290px;height: auto; top: 25px; background: url(../images/768/dot.png); -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; box-shadow: 0px 0px 5px 1px #c0c0c0;-webkit-box-shadow: 0px 0px 3px 1px #c0c0c0;-moz-box-shadow: 0px 0px 3px 1px #c0c0c0;-o-box-shadow: 0px 0px 3px 1px #c0c0c0;}
        #four_boxes {height: auto; padding-bottom: 160px; background: #001f42;}
        #four_boxes #box_one, #four_boxes #box_two, #four_boxes #box_three, #four_boxes #box_four {margin-left: 23px; margin-top: 23px;}
        #four_boxes #box_four {padding-bottom: 20px;}
        #four_boxes .box_container {padding: 0px;}
        #logo_area h2 {width: 100%; font-size: 16px; top: -65px;}
        #logo_container {width: 320px;height: 96px;background: url(../images/480/bg.png) no-repeat; margin: 100px auto 0px;}
        #logo_container .bx-wrapper {max-width: 160px !important;}
        #environmental h2 {font-size: 22px;}
        #environmental .bx-wrapper {}
        #environmental .latest {margin-right: 50px;}
        #map a {position: relative !important; margin: 30px auto; left:auto !important; right:0 !important;}
        #map .locations {top: 30px;}
        #map .contact {top: 55px;}
        #map {overflow: hidden;}
        #footer {min-height: 90px;}
        #footer span {width: 100%; text-align: center; padding-top: 12px; padding-bottom: 0px;}
         .four_boxes_container {overflow: hidden;}
        #slide_area {overflow: hidden; background: none; height: auto;}
        #slide_area .nivoSlider img {position:absolute; top:0px;left:0px !important;max-width: none; width: 100% !important; margin-left: 0px !important;}
        #slide_area .nivo-caption {top: 0%; padding: 0px;}
        #slide_area .slide_container h1 {font-size: 15px; line-height: 15px; padding-top: 0px;}
        #slide_area .slide_container span {font-size: 16px;}
        #slide_area .slide_container h2 {font-size: 18px !important;}
        #slide_area .nivo-caption .slide_container .learn_more {display: none !important;}
        #slide_area .slide_container {}
        #slide_area .nivo-directionNav a {display: none;}
        #slide_area .nivo-prevNav {left: 1%;}
        #slide_area .nivo-nextNav {right: 1%;}
        #slide_area .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
        #slide_area .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
        #slide_area .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
        #slide_area .nivoSlider .nivo-directionNav {min-height: 0px; position:static !important;}
        #menu_area {margin-top: 0px;}
        #logo_container .bx-next {right: -1px;}
        #office h2 {font-size: 20px;}
        #int_logo_area h2 {width: 100%;}
        #int_logo_area h2 {width: 100%; font-size: 14px;}
        .wpcf7 p {float: none;}
        .wpcf7 select {width: 271px;}
        .column_one {width: 100%; min-height: 250px;}
        .column_two {width: 100%; min-height: 250px;}
        #buttons_area .butons_container {width: 100%;}
        #buttons_area a {display: block; margin: 0 auto; float: none;}
        #environmental .carousel {float: none; margin: 0 auto 20px; width: 375px !important; overflow: hidden;}
        #environmental .carousel .latest {width: 357px !important;}
        #environmental .bx-wrapper {float: none;}
        #right_buttons {float: none; margin: 20px auto 0; overflow: hidden;}
        #environmental h2 {font-size: 22px !important; width: 300px;float: left;}
        #environmental .bx-next {right: 12px;}
        #environmental .bx-prev {right: 60px;}
        #contact {height: auto; background: url(../images/new_homepage/repeater.png); overflow: hidden; padding-bottom: 20px;}
        #contact img {margin: 20px auto; float: none; max-width: 100%;}
        #contact .locations {margin: 0 auto 20px;float: none;overflow: hidden;}
        #contact .locations h2, #contact .locations h3 {text-align: center;}
        #contact .locations a {margin: 0 auto 8px;}
        #contact .social_contact {float: none;display: block;margin: 0 auto;}
        #contact .phone .contact {margin-top: 10px;}
}

@media only screen and (max-device-width : 240px),
    only screen and (max-width : 240px) {
        #sidebar {width: 240px;}
        #footer_widgets .widget_one, #footer_widgets .widget_two {width: 240px;}

        }