body{ overflow-x:hidden;}
@media (min-width: 0px) and (max-width: 479px){
.container{ width:100%;}
/*---------- HEADER_START ----------*/
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(2){-webkit-animation:line-scale 1s .1s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .1s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(3){-webkit-animation:line-scale 1s .2s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .2s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(4){-webkit-animation:line-scale 1s .3s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .3s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-nav{ opacity:0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition:-webkit-transform 500ms ease,opacity 250ms ease; transition:transform 500ms ease,opacity 250ms ease; margin:0px;}
.navigation-main-hp .btn{border:none;height:39px;margin-top:7px;min-width:97px;font-weight:700;padding:9px 10px;border-radius:5em;letter-spacing:1px;color:#3b3a40}
.navigation-main-hp .btn:hover{background:#ff7b11}
.navigation-main-hp .navbar-toggle{ margin-right:0px;}
.navigation-main-hp .navbar-header{ margin:0px !important;}
.navbar-collapse-hp{ float:none; position:absolute; width:100%; left:0px; margin:50px 0 0 0 !important; z-index:9999999999; background:#f5f5f5; border:0px;}
.navigation-main-hp.navbar-default .navbar-toggle{ border-color:#ff7b11;}
.navigation-main-hp.navbar-default .navbar-toggle .icon-bar{ background:#ff7b11;}
.navigation-main-hp.navbar-default .navbar-toggle:hover, .navigation-main-hp.navbar-default .navbar-toggle:focus{background:#fff;}
.navbar-brand-hp{ padding:8px 0px;}
.navigation-main-hp.navbar-default .navbar-nav{ text-align:center; }
.navigation-main-hp.navbar-default .navbar-nav > li{padding:0px 0px 8px 0px;}
.navigation-main-hp.navbar-default .navbar-nav > li > a{ color:#434447; text-align:center; display:inline-block; padding:15px 0px 9px 0px;}
.navigation-main-hp.navbar-default .navbar-nav > .active > a, .navigation-main-hp.navbar-default .navbar-nav > .active > a:hover, .navigation-main-hp.navbar-default .navbar-nav > .active > a:focus{ color:#009edb;}
.navigation-main-hp.navbar-default .navbar-nav > li > a:hover, .navigation-main-hp.navbar-default .navbar-nav > li > a:focus{ color:#009edb;}
.navigation-main-hp.navbar-default{ min-height:50px;}
.navbar-brand > img { display: block; width: 100px; padding-top: 7px;}
/*---------- HEADER_END ----------*/
/*---------- CONTAIN_START --------------*/
#contain{ margin-top:50px;}
.navbar-header::after{ width:140px; }
.banner-block{ padding:40px 0;}
.banner-inner h1{ font-size:28px;}
.banner-inner p{ padding:0px 0 20px 0; font-size:14px; line-height:22px; }
.development-left-top{ width:140px;}
.development-left{ padding:50px 0 0 0;}
.title-main h1{ font-size:22px;}
.details-main p{ font-size:12px; line-height:20px;}
.details-main ul li{ font-size:12px; line-height:20px; }
.development-right{ padding:40px 0 0 0;}
.development-right img{ max-width:515px; width:100%;}
.development-block{ padding:0 0 50px 0;}

.contact-block-title-main h1{ font-size:28px; line-height:28px; padding:20px 0 8px;}
.title-border-hp{ height:3px; width:80px;}
.contact-form-box{ width:100%;}
/*---------- CONTAIN_END --------------*/
/*---------- FOOTER_START --------------*/
.footer-top-bar-inn{ padding-top:15px;}
.footer-logo{ margin:0px 0px 30px;}
.footer-logo img{ height:26px;}
.foot-contact-box1{ padding:0px 0px 15px; width:100%;}
/*---------- FOOTER_END --------------*/

}
@media (min-width: 480px) and (max-width: 767px){
.container{ width:100%;}
/*---------- HEADER_START ----------*/
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(2){-webkit-animation:line-scale 1s .1s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .1s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(3){-webkit-animation:line-scale 1s .2s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .2s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-toggle .icon-bar:nth-child(4){-webkit-animation:line-scale 1s .3s infinite cubic-bezier(0.2,0.68,0.18,1.08);animation:line-scale 1s .3s infinite cubic-bezier(0.2,0.68,0.18,1.08)}
.navigation-main-hp .navbar-nav{ opacity:0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition:-webkit-transform 500ms ease,opacity 250ms ease; transition:transform 500ms ease,opacity 250ms ease; margin:0px;}
.navigation-main-hp .btn{border:none;height:39px;margin-top:7px;min-width:97px;font-weight:700;padding:9px 10px;border-radius:5em;letter-spacing:1px;color:#3b3a40}
.navigation-main-hp .btn:hover{background:#ff7b11}
.navigation-main-hp .navbar-toggle{ margin-right:0px;}
.navigation-main-hp .navbar-header{ margin:0px !important;}
.navbar-collapse-hp{ float:none; position:absolute; width:100%; left:0px; margin:50px 0px 0px !important; z-index:9999999999; background:#f5f5f5; border:0px;}
.navigation-main-hp.navbar-default .navbar-toggle{ border-color:#ff7b11;}
.navigation-main-hp.navbar-default .navbar-toggle .icon-bar{ background:#ff7b11;}
.navigation-main-hp.navbar-default .navbar-toggle:hover, .navigation-main-hp.navbar-default .navbar-toggle:focus{background:#fff;}
.navbar-brand-hp{ padding:8px 0px;}
.navigation-main-hp.navbar-default .navbar-nav{ text-align:center; }
.navigation-main-hp.navbar-default .navbar-nav > li{padding:0px 0px 8px 0px;}
.navigation-main-hp.navbar-default .navbar-nav > li > a{ color:#434447; text-align:center; display:inline-block; padding:15px 0px 9px 0px;}
.navigation-main-hp.navbar-default .navbar-nav > .active > a, .navigation-main-hp.navbar-default .navbar-nav > .active > a:hover, .navigation-main-hp.navbar-default .navbar-nav > .active > a:focus{ color:#009edb;}
.navigation-main-hp.navbar-default .navbar-nav > li > a:hover, .navigation-main-hp.navbar-default .navbar-nav > li > a:focus{ color:#009edb;}
.navigation-main-hp.navbar-default{ min-height:50px;}
.navbar-brand > img { display: block; width: 100px; padding-top: 7px;}
/*---------- HEADER_END ----------*/
/*---------- CONTAIN_START --------------*/
#contain{ margin-top:50px;}
.navbar-header::after{ width:140px; }
.banner-block{ padding:40px 0;}
.banner-inner h1{ font-size:28px;}
.banner-inner p{ padding:0px 0 20px 0; font-size:14px; line-height:22px; }
.development-left-top{ width:140px;}
.development-left{ padding:50px 0 0 0;}
.title-main h1{ font-size:22px;}
.details-main p{ font-size:12px; line-height:20px;}
.details-main ul li{ font-size:12px; line-height:20px; }
.development-right{ padding:40px 0 0 0;}
.development-right img{ max-width:350px; width:100%;}
.development-block{ padding:0 0 50px 0;}

.contact-block-title-main h1{ font-size:34px; line-height:34px; padding:28px 0 10px;}
/*---------- CONTAIN_END --------------*/
/*---------- FOOTER_START --------------*/
.footer-top-bar-inn{ padding-top:15px;}
.footer-logo{ margin:0px 0px 30px;}
.footer-logo img{ height:26px;}
.foot-contact-box1{ padding:0px 0px 15px; width:100%;}
/*---------- FOOTER_END --------------*/

}
@media (min-width: 768px) and (max-width: 1023px){
.container{ width:100%;}
/*---------- HEADER_START ----------*/
.navigation-main-hp.navbar-default .navbar-nav > li{ padding-left:15px;}
/*---------- HEADER_END ----------*/
/*---------- CONTAIN_START --------------*/
.banner-block{ padding:40px 0;}
.banner-inner h1{ font-size:32px;}
.banner-inner p{ padding:0px 0 40px 0; font-size:16px; line-height:24px; }
.development-left{ padding:50px 0 0 0;}
.title-main h1{ font-size:22px;}
.details-main p{ font-size:12px; line-height:20px;}
.details-main ul li{ font-size:12px; line-height:20px; }
.development-right{ padding:40px 0 0 0;}
.development-right img{ width:80%;}
.development-block{ padding:0 0 50px 0;}
/*---------- CONTAIN_END --------------*/
/*---------- FOOTER_START --------------*/
.footer-logo{ margin:0px 0px 30px; width:16%;}
.footer-logo img{ height:24px;}
.foot-contact-box1{ padding:0; width:21%;}
.foot-contact-icon{ margin-right:5px;}
.foot-contact-text{ font-size:12px;}
/*---------- FOOTER_END --------------*/

}
@media (min-width: 1024px) and (max-width: 1220px){
.container { width:1004px;}	
/*---------- HEADER_START ----------*/
/*---------- HEADER_END ----------*/
/*---------- CONTAIN_START --------------*/
.development-right img{ width:90%;}
/*---------- CONTAIN_END --------------*/
/*---------- FOOTER_START --------------*/
.footer-logo{width:20%;}
.foot-contact-box1{ padding:0; width:20%;}
/*---------- FOOTER_END --------------*/
}