@media screen and (min-width :1200px) and (max-width :1280px) {
.container{ width: 1200px; }

.banner-caption{top: 100px;}
.job-dtls{margin: 0 20px;}


}
 @media screen and (min-width :1100px) and (max-width :1199px) {
.container{ width: 1080px; }

.navbar-nav > li{padding: 5px 0 7px 7px;}
.banner-caption{top: 80px;}
ul.btm-social li{padding: 8px 33px;}
}


@media screen and (min-width : 971px) and (max-width :1099px) {
.container{ width: 900px; }

h3{font-size: 22px;}
.navbar-nav > li{padding: 5px 0 7px 9px; margin: 0;}
.navbar-nav > li > a {font-size: 13px;}
.navbar-inverse .navbar-nav > li:last-child a{margin: 5px 0 0 9px;padding: 7px 5px;}


.banner-caption{top: 80px;}
.banner-caption h1{font-size: 65px; line-height: 65px;}
.banner-caption h1 span.ornge-txt{font-size: 58px;}
.banner-caption h1 span.ornge-txt{font-size: 50px;}
section#welcome-to{padding: 45px 0;}
section#welcome-to p{width: 92%;}
section#services{padding: 45px 0;}
.services-img{width: 37%; }
.services-dtls{width: 63%; padding: 0 0 0 20px;}
.services-dtls p{font-size: 14px;}
.services-dtls h3{font-size: 20px;}
ul.services-lst li:nth-child(2n) .services-dtls{padding: 0 10px 0 20px;}
ul.services-lst li{padding: 20px 0;}
.job-dtls{padding: 30px; margin: 0 0 0 50px;}
.job-dtls h2{font-size: 40px;}
#job-op-sc .hdng-dsgn::after {width: 235px;}
ul.btm-social{padding: 0;}
ul.btm-social li{padding: 8px 0;}
ul.footer-nav li{padding: 0 13px;}
.follow{padding: 20px 0 0;}
}

   
@media screen and (min-width : 768px) and (max-width : 970px) {
.container{ width: 760px; }

h3{font-size: 22px;}
.navbar-nav > li{padding: 5px 0 7px 6px; margin: 0;}
.navbar-nav > li > a {
    font-size: 11px;
}
.navbar-inverse .navbar-nav > li:last-child a{margin: 7px 0 0 4px;
    padding: 5px 5px 3px;}

.banner-caption{top: 45px;}
.banner-caption h1{font-size: 55px; line-height: 55px;}
.banner-caption h1 span.ornge-txt{font-size: 50px;}
section#welcome-to{padding: 45px 0;}
section#welcome-to p{width: 92%;}
section#services{padding: 45px 0;}
.services-img{width: 37%; }
.services-dtls{width: 63%; padding: 0 0 0 20px;}
.services-dtls p{font-size: 14px;}
.services-dtls h3{font-size: 20px;}
ul.services-lst li:nth-child(2n) .services-dtls{padding: 0 10px 0 20px;}
ul.services-lst li{padding: 20px 0;}
.job-dtls{padding: 30px; margin: 0 0 0 50px;}
.job-dtls h2{font-size: 40px;}
#job-op-sc .hdng-dsgn::after {width: 235px;}
ul.btm-social{padding: 0;}
ul.btm-social li{padding: 8px 0; font-size: 13px;}
ul.btm-social li a{font-size: 13px;}
ul.btm-social li img{margin-right: 1px;}
ul.footer-nav li{padding: 0 13px;}
.follow{padding: 20px 0 0;}

h2{font-size: 33px;}
}

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

.container{ width: 630px; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{position: absolute; z-index: 999; right: 15px; background: #f6860a;}
.navbar-nav{margin: 0;}
.navbar-nav > li{padding: 0; margin: 0; border-bottom: 1px solid #000;}
.navbar-nav > li > a{padding: 14px 25px;}
.navbar-inverse .navbar-nav > li::after{display: none;}
.navbar-nav > li.current-menu-item > a{color: #fff; background: #000; border-bottom: transparent;}
.navbar-inverse .navbar-nav > li:hover a {background: #000; color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar{background: #f6860a;}

h2{font-size: 35px; padding: 0 0 5px;}
p{font-size: 15px;}
a.ornge-bkg{padding: 12px 18px;}

.top-right{padding: 15px 0 0; float: none;}
ul.social{padding: 0 0 10px;}
ul.social li:first-child{padding: 0;}
.top-menu{text-align: center; position: relative;}
.nav-holder{position: absolute; top: 0; margin: 0; right: 0;}
.logo{text-align: center;}

.banner-caption{bottom: 28px; top: auto;}
.banner-caption h1{font-size: 40px; line-height: 42px;}
.banner-caption h1 span.ornge-txt{font-size: 36px;}
.banner-caption a{margin: 0px 3px 0; padding: 10px 20px; font-size: 14px;}

section#welcome-to{padding: 25px 0;}
section#welcome-to h4{font-size: 26px;}
.hdng-dsgn img{width: 70%;}
.hdng-dsgn::after, .hdng-dsgn::before{width: 60px; bottom: 10px;}

section#welcome-to p{font-size: 14px; width: 100%;}
ul.otter-valley{padding: 30px 0;}

section#services{padding: 30px 0;}
ul.services-lst li{padding: 10px 0;}
.services-img{width: 100%;}
.services-dtls{width: 100%; float: left; padding: 15px 0;}
ul.services-lst li:nth-child(even) .services-dtls{padding: 15px 0;}
.job-dtls{padding: 25px;}

#job-op-sc .hdng-dsgn::after { width: 150px;}
ul.btm-social li{padding: 8px 0; margin: 0 auto;display: table;}
section#job-op-sc{padding: 15px 0;}
ul.btm-social{padding: 10px 4px;}
ul.footer-nav li{padding: 0 7px;}
ul.footer-nav > li > a{font-size: 14px;}
.follow{display: table;}

section#title-holder h1{font-size: 40px;}


.alignleft{margin: 0 auto 20px; display: table; float: none;}
.alignright{margin: 0 auto 20px; display: table; float: none;}
}


@media screen and (min-width : 480px) and (max-width: 639px) {
	
.container{ width: 450px; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{position: absolute; z-index: 999; right: 15px; background: #f6860a;}
.navbar-nav{margin: 0;}
.navbar-nav > li{padding: 0; margin: 0; border-bottom: 1px solid #000;}
.navbar-nav > li > a{padding: 14px 25px;}
.navbar-inverse .navbar-nav > li::after{display: none;}
.navbar-nav > li.current-menu-item > a{color: #fff; background: #000; border-bottom: transparent;}
.navbar-inverse .navbar-nav > li:hover a {background: #000; color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar{background: #f6860a;}

h2{font-size: 32px; padding: 0 0 5px;}
h3{font-size: 22px;}
p{font-size: 15px;}
a.ornge-bkg{padding: 8px 16px;}

.top-right{padding: 15px 0 0; float: none;}
ul.social{padding: 0 0 10px;}
ul.social li:first-child{padding: 0;}
.top-menu{text-align: center; position: relative;}
.nav-holder{position: absolute; top: 0; margin: 0; right: 0;}
.logo{text-align: center;}

.banner-caption{bottom: 28px; top: auto;}
.banner-caption h1{font-size: 40px; line-height: 42px;}
.banner-caption h1 span.ornge-txt{font-size: 36px;}
.banner-caption a{margin: 0px 3px 0; padding: 10px 20px; font-size: 14px;}

section#welcome-to{padding: 25px 0;}
section#welcome-to h4{font-size: 26px;}
.hdng-dsgn img{width: 70%;}
.hdng-dsgn::after, .hdng-dsgn::before{width: 60px; bottom: 10px;}
section#welcome-to p{font-size: 14px; width: 100%;}
ul.otter-valley{padding: 30px 0;}
ul.otter-valley li{width: 75%; display: table;}
section#services{padding: 30px 0;}
ul.services-lst li{padding: 5px 0;}
.services-img{width: 100%;}
.services-dtls{width: 100%; float: left; padding: 15px 0;}
ul.services-lst li:nth-child(even) .services-dtls{padding: 15px 0;}
.job-dtls{padding: 25px;}
#job-op-sc .hdng-dsgn::after { width: 150px;}
ul.btm-social li{padding: 8px 0; margin: 0 auto;display: table;}
section#job-op-sc{padding: 15px 0;}
ul.btm-social{padding: 10px 4px;}
ul.footer-nav li{padding: 0 7px;}
ul.footer-nav > li > a{font-size: 15px;}
.follow{display: table;}

section#title-holder h1{font-size: 35px;}

.contact-holder h3{font-size: 20px;padding: 7px 13px;}
.contact-holder h3 a{font-size: 16px;}
.form-holder .wpcf7-form-control.wpcf7-submit{ font-size: 15px; width: 36% !important;}
.form-holder input{ padding: 10px;}
.col-sm-6.form-holder {margin: 45px 0 0;}

.alignleft{margin: 0 auto 20px; display: table; float: none;}
.alignright{margin: 0 auto 20px; display: table; float: none;}
}


@media screen and (min-width : 360px) and (max-width: 479px) {  

.container{ width: 340px; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{position: absolute; z-index: 999; right: 15px; background: #f6860a;}
.navbar-nav{margin: 0;}
.navbar-nav > li{padding: 0; margin: 0; border-bottom: 1px solid #000;}
.navbar-nav > li > a{padding: 14px 25px;}
.navbar-inverse .navbar-nav > li::after{display: none;}
.navbar-nav > li.current-menu-item > a{color: #fff; background: #000; border-bottom: transparent;}
.navbar-inverse .navbar-nav > li:hover a {background: #000; color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar{background: #f6860a;}

h2{font-size: 27px; padding: 0 0 5px;}
h3{font-size: 19px;}
p{font-size: 14px;}
a.ornge-bkg{padding: 8px 16px;}

.top-right{padding: 15px 0 0; float: none;}
ul.social{padding: 0;}
ul.social li:first-child{padding: 0;}
.top-menu{text-align: center;}

.banner-caption{bottom: 18px; top: auto;}
.banner-caption h1{font-size: 30px; line-height: 31px;}
.banner-caption h1 span.ornge-txt{font-size: 27px;}
.banner-caption a{margin: 0px 3px 0; padding: 6px 16px; font-size: 14px;}

section#welcome-to{padding: 25px 0;}
section#welcome-to h4{font-size: 24px;}
.hdng-dsgn img{width: 70%;}
.hdng-dsgn::after, .hdng-dsgn::before{width: 60px; bottom: 10px;}

section#welcome-to p{font-size: 14px; width: 100%;}
ul.otter-valley{padding: 30px 0;}
ul.otter-valley li{width: 75%; display: table;}

section#services{padding: 30px 0;}
.services-img{width: 100%;}
.services-dtls{width: 100%; float: left; padding: 15px 0;}
ul.services-lst li{padding: 5px 0;}
ul.services-lst li:nth-child(even) .services-dtls{padding: 15px 0;}
.job-dtls{padding: 25px;}

#job-op-sc .hdng-dsgn::after { width: 150px;}
ul.btm-social li{padding: 8px 0;}

section#job-op-sc{padding: 15px 0;}

ul.btm-social{padding: 10px 4px;}
ul.footer-nav li{padding: 0 7px;}
ul.footer-nav > li > a{font-size: 14px;}
footer p{font-size: 11px;}
.follow{display: table;}


section#title-holder h1{font-size: 30px;}
.contact-holder h3{font-size: 20px;padding: 7px 13px;}
.contact-holder h3 a{font-size: 16px;}
.form-holder .wpcf7-form-control.wpcf7-submit{ font-size: 15px; width: 36% !important;}
.form-holder input{ padding: 10px;}
.col-sm-6.form-holder {margin: 45px 0 0;}


.alignleft{margin: 0 auto 20px; display: table; float: none;}
.alignright{margin: 0 auto 20px; display: table; float: none;}
}


@media screen and (min-width : 320px) and (max-width: 359px) {
	
.container{ width: 300px; }

.navbar-nav > li > a{font-size: 14px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{position: absolute; z-index: 999; right: 15px; background: #f6860a;}
.navbar-nav{margin: 0;}
.navbar-nav > li{padding: 0; margin: 0; border-bottom: 1px solid #000;}
.navbar-nav > li > a{padding: 14px 25px;}
.navbar-inverse .navbar-nav > li::after{display: none;}
.navbar-nav > li.current-menu-item > a{color: #fff; background: #000; border-bottom: transparent;}
.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li a:focus {background: #000; color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar{background: #f6860a;}

h2{font-size: 25px; padding: 0 0 5px;}
h3{font-size: 17px;}
p{font-size: 14px;}
a.ornge-bkg{padding: 8px 16px;}

.top-right{padding: 15px 0 0; float: none;}
ul.social{padding: 0;}
ul.social li:first-child{padding: 0;}
.top-menu{text-align: center;}

.banner-caption{bottom: 10px; top: auto;}
.banner-caption h1{font-size: 27px; line-height: 29px;}
.banner-caption h1 span.ornge-txt{font-size: 24px;}
.banner-caption a{margin: 0px 3px 0; padding: 6px 16px; font-size: 14px;}

section#welcome-to{padding: 25px 0;}
section#welcome-to h4{font-size: 24px;}
.hdng-dsgn img{width: 70%;}
.hdng-dsgn::after, .hdng-dsgn::before{width: 60px; bottom: 10px;}
section#welcome-to p{font-size: 14px; width: 100%;}
ul.otter-valley{padding: 30px 0;}
ul.otter-valley li{width: 75%; display: table;}
section#services{padding: 30px 0;}
.services-img{width: 100%;}
.services-dtls{width: 100%; float: left; padding: 15px 0;}
ul.services-lst li:nth-child(even) .services-dtls{padding: 15px 0;}
.job-dtls{padding: 25px;}
#job-op-sc .hdng-dsgn::after { width: 150px;}
ul.btm-social li{padding: 8px 0;}
section#job-op-sc{padding: 15px 0;}
ul.btm-social{padding: 10px 4px;}
ul.footer-nav li{padding: 0 7px;}
ul.footer-nav > li > a{font-size: 13px;}
footer h2{font-size: 24px;}
footer p{font-size: 11px;}
.follow{display: table;}

section#title-holder h1{font-size: 30px;}
.contact-holder h3{font-size: 14px;padding: 7px 13px;}
.contact-holder h3 a{font-size: 13px;}
.form-holder .wpcf7-form-control.wpcf7-submit{ font-size: 15px; width: 36% !important;}
.form-holder input{ padding: 10px;}
.col-sm-6.form-holder {margin: 45px 0 0;}


.alignleft{margin: 0 auto 20px; display: table; float: none;}
.alignright{margin: 0 auto 20px; display: table; float: none;}
}