body{ padding: 0px; margin: 0px; list-style: none; font: 400 18px/26px "Roboto", sans-serif; color:#000; background: #fffbf4; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
input, button{ -webkit-appearance: none;}
input:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; }

/*font-family: "Roboto", sans-serif;
 font-family: "Bayon", sans-serif;*/

.container{max-width: 1440px;}
.btn_link { background: none; border: 2px solid #5C724B; height: 60px; padding: 0 100px; color:#5C724B; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 55px; margin: 0 0 15px; display: inline-block; border-radius: 50px; font-weight: 700; letter-spacing: 1px; }
.btn_link:hover{ background: #5C724B; color:#fff; border-color:#5C724B; }
.btn_link i{ margin: 0 0 0 5px; position: relative; transform: rotate(-50deg); }


/*header*/
p{padding-bottom: 15px;}
.header_sec { width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 5; background: #1A1A39; padding: 15px 0; }

.headerMain{position: relative; width: 100%; }
.nav_top{ margin: 0px;  background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0; padding: 0; }
.navbar-brand{margin: 0; padding: 0; width: auto; }
.navbar-brand img{max-width: 100%;width: auto;}

.menu_sec li{margin: 0 0 0 25px; font-size: 20px; line-height: 26px; color:#000; position: relative; }
.menu_sec li a{display: inline-block; color: #fff; font-family: "Roboto", sans-serif; padding: 5px; letter-spacing: 0; text-transform: capitalize; font-weight: 400; }
.menu_sec li a:hover{ color:#FA4336; }
.menu_sec li.actv a{ color:#FA4336; }
.header_sec.fixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #1A1A39; box-shadow: 0 0 14px -8px #000; }


  
.banner_sec{ width: 100%; position: relative; }  
.banner_box{ width: 100%; position: relative; overflow: hidden; }
/*.banner_box:before{ width: 100%; position: absolute; left: 0px; top: 0px; background: rgba(39, 53, 28, 0.5); content: ""; height: 100%; }*/
.banner_box img{ width: 100%; height: 750px; object-fit: cover; }
.banner_innr{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%); }
.banTxt {
  width: 650px;
  display: inline-block;
  text-align: left;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.banner_sec .container{ position: relative; height: 100%; }
.banTxt strong, .banTxt h1{display: inline-block; width: 100%; font-size: 84px; line-height: 90px; font-family: "Roboto", sans-serif; color: #fff; padding-bottom: 10px; position: relative; margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }  
.banTxt h5{ font-weight: 500; font-size: 68px; line-height: 74px; font-family: "Roboto", sans-serif; color:#fff; text-transform: uppercase; text-align: left;
  width: 100%; }


.about_sec{ width: 100%; padding: 65px 0; text-align: center; }
.tophead h1, .tophead h2{font-size: 48px; line-height: 52px; font-family: "Roboto", sans-serif; color: #000; padding-bottom: 15px; margin: 0px; position: relative; letter-spacing: 1px; font-weight: 400; text-transform: capitalize; }
.tophead h1 span, .tophead h2 span{ color:#FA4336; }
.tophead h5{ font-size: 40px; line-height: 45px; font-family: "Roboto", sans-serif; color: #4F6AF2; padding-bottom: 10px; font-weight: 400; font-style: italic;  }
.tophead p{font-size: 20px; line-height: 32px; font-family: "Roboto", sans-serif; color: #000; padding-bottom: 15px; font-weight: 400; }
.about_sec p{ padding: 0 15% 10px; }


.why_sec{ width: 100%; background-size: cover !important; position: relative; padding: 110px 0; }
.why_sec:before{ width: 100%; background: rgba(7, 11, 45, 0.4); position: absolute; left: 0px; top: 0px; content: ""; height: 100%; z-index: 1; }
.why_sec h2, .why_sec h3{ color: #fff; }
.why_sec h3{font-size: 24px; line-height: 32px; font-family: "Roboto", sans-serif; letter-spacing: 5px; font-weight: 500; text-transform: uppercase; }
.why_sec h2{ padding: 0 0 10px; }
.why_sec .container{ position: relative; z-index: 1; }
.why_sec .row{ align-items: center; }
.why_rt{ width: 100%; display: inline-block; }
.why_rt ul{ width: 100%; display: inline-block; }
.why_rt ul li{ width: 100%; display: inline-block; margin: 0 0 20px; font-size: 20px; line-height: 30px; letter-spacing: 4px; text-transform: uppercase; font-weight: 500; color:#fff; }
.why_rt ul li .top_label{ display: inline-block; padding: 0 0 10px; width: 100%; }
.rang_line{ width: 100%; display: inline-block; position: relative; background: #E1DFE0; min-height: 7px; }
.rang_lineInnr{ position: absolute; left: 0px; top: 0px; height: 100%; }
.dot{ width: 19px; height: 19px; position: absolute; right: 0px; top: -7px; border-radius: 100%; }


.cold_storage{ margin: 30px 0 0; text-align: center; min-height: 400px; }
.cold_storage h2{ color:#fff; }
.cold_storage .banner_innr { height: auto; z-index: 5; }
.why_sec h2{ font-family: "Bayon", sans-serif; }

.storage_sec{ width: 100%; padding: 75px 0; }
.storage_sec img{ margin: 15px 0; width: 100%; }

.copy_rt {width: 100%; display: flex; justify-content: center; padding: 15px 0; text-align: center; background: #121217; }
.copy_rt p{ font-size: 15px; line-height: 24px; font-weight: 400; font-family: "Roboto", sans-serif; color:#fff; padding: 0px; }
.copy_rt p a{ color:#fff; }
.copy_rt p a:hover{ color:#FA4336; }

.about_sec.tophead h1{ padding-bottom: 8px; }
.about_sec.tophead h5{ padding-bottom: 20px; }
.why_sec h2 { padding: 0 0 5px;}

.footer_sec{ width: 100%; background: #121226; }
.footer_top{ width: 100%; padding: 65px 0; }

.ftr_link{ width: 100%; }
.ftr_link li{ margin: 0 0 15px; padding: 0px; width: 100%; display: inline-block; }
.ftr_link li a{ font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Roboto", sans-serif; color:#fff; text-transform: capitalize; }
.ftr_link li a:hover{ color:#FA4336; }

.footer_box{ width: 100%; }
.ftrlogo{ width: auto; margin-bottom: 20px; display: inline-block; }
.ftrlogo img{ max-width: 100%; }
.footer_box p{ font-size: 20px; line-height: 30px; font-weight: 400; font-family: "Roboto", sans-serif; color:#fff; }
.footer_box h4{ font-size: 30px; line-height: 35px; font-family: "Bayon", sans-serif; color:#fff; text-transform: uppercase; padding: 20px 0; }

.ftr_info{ width: 100%; }
.ftr_info li{ margin: 0 0 20px; padding: 0px; width: 100%; display: inline-block; padding-left: 30px; position: relative; font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Roboto", sans-serif; color:#fff }
.ftr_info li a{ color:#fff; text-transform: capitalize; }
.ftr_info li a:hover{ color:#FA4336; }
.ftr_info li i{ position: absolute; left: 0px; top: 0px; }
.footer_box iframe{ width: 100%; height: 330px; }
.footer_box1{ padding-right: 60px; }



/*about*/
.inner_ban .banner_box img{ height: 650px; object-fit: cover; width: 100%; }
.inner_ban .banTxt{ width: 100%; height: auto; background: none; text-align: center; padding: 0; position: inherit; left: inherit; top: inherit; }
.inner_ban .banTxt h1{ font-size: 68px; line-height: 70px; letter-spacing: 2px; text-transform: uppercase; color:#fff; padding: 0px; font-family: "Bayon", sans-serif; }
.inner_ban .banner_innr { height: auto; }

.who_we{ text-align: center; }
.tophead2 h1, .tophead2 h2{ font-family: "Bayon", sans-serif;  }
.tophead p{font-size: 20px; line-height: 34px; font-family: "Roboto", sans-serif; color: #000; padding-bottom: 15px; font-weight: 400; }
.tophead2 h6{font-size: 20px; line-height: 34px; font-family: "Roboto", sans-serif; color: #000; padding-bottom: 20px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; }
.who_we.tophead p{ padding: 0 0 20px; }
.cold_storage2{ margin: 60px 0; }



/*gallery*/
.gallery_box{ width: 100%; margin: 15px 0; overflow: hidden; height: 350px; }
.gallery_box a{ width: 100%; }
.gallery_box img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;}
.gallery_box:hover img{ -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
/*contact_us*/.contact_ban.inner_ban .banner_box img{ width: 100%; height: 100px; }.contact_innr { background: #fff; border: 1px solid #9E9E9E; position: relative; margin-top: -60px; }.contact_left{ width: 100%; padding: 35px; }.contact_left h2{ color:#E73E32; font-size: 48px; line-height: 54px; font-weight: 600; padding: 0 0 15px; }.contact_left p{ color:#666666; font-size: 28px; line-height: 36px; font-weight: 500; padding: 0 0 20px; letter-spacing: 0.5px; }.get_frm{ width: 100%; display: inline-block; margin: 20px 0; }.get_frm input[type="text"], .get_frm input[type="email"], .get_frm input[type="tel"], .get_frm textarea{ width: 100%; height: 42px; border: none; border-bottom: 1px solid #909090; padding: 0px; color:#000; font-size: 20px; line-height: 24px; font-weight: 400; font-family: "Roboto", sans-serif; background: #fff; outline: none; -webkit-appearance: none; padding-bottom: 6px; }.get_frm textarea{ resize: none; height: 150px; }.contact_sec.tophead h2{ padding: 0 0 10px; }.get_frm .submit_btn{ padding: 10px 35px; border: 2px solid #8BBF49; font-weight: 700; font-size: 20px; line-height: 28px; color:#8BBF49; outline: none; -webkit-appearance: none; background: none; border-radius: 30px; }.get_frm .submit_btn:hover{ background: #8BBF49; color:#fff; }.contact_rt{ width: 100%; padding: 35px; background: #D65B52; }.contact_rt h2{ color:#fff; }.contact_box{ width: 100%; display: inline-block; margin: 25px 0 0; }.contact_sec .contact_box h5{ color:#fff; font-size: 20px; line-height: 24px; font-weight: 700; padding: 0 0 10px; font-style: normal; }.contact_rt ul{ width: 100%; display: inline-block; }.contact_rt ul li{ width: 100%; display: inline-block; color:#fff; font-size: 18px; line-height: 24px; font-weight: 700; }.contact_rt ul li a{ color:#fff; }.contact_sec .contact_rt p{  color:#fff; font-size: 18px; line-height: 30px; font-weight: 700; }.contact_sec.tophead h2{ font-weight: 600; }.contact_sec { padding-bottom: 80px;}








  
  
  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}



}


@media (min-width: 1600px) and (max-width: 1799px) {
.banner_box img { height: 700px; }
.banTxt strong, .banTxt h1 {  font-size: 72px; line-height: 78px;}
.banTxt h5 { font-size: 62px; line-height: 70px;}
.banTxt { width: 600px;}
.about_sec { padding: 60px 0;}
.tophead h1, .tophead h2 {font-size: 45px; line-height: 50px;}
.tophead h5 { font-size: 38px; line-height: 42px;}
.why_sec { padding: 100px 0;}
.why_rt ul li { font-size: 18px; line-height: 26px;}
.cold_storage { margin: 30px 0 0; min-height: 370px;}
.storage_sec { padding: 65px 0;}
.footer_top { padding: 60px 0;}
.footer_box p { font-size: 19px; line-height: 28px;}
.ftrlogo img {max-width: 400px;}
.ftr_link li a { font-size: 18px; line-height: 21px;}
.ftr_info li { margin: 0 0 20px; padding-left: 30px; font-size: 18px; line-height: 20px;}
.ftr_info li { margin: 0 0 20px; padding-left: 30px; font-size: 17px; line-height: 20px;}



/*about*/
.inner_ban .banner_box img{ height: 600px;  }
.inner_ban .banTxt h1{ font-size: 60px; line-height: 65px; }
.cold_storage2 {margin: 50px 0 !important;}










}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
.banner_box img { height: 650px; }
.banTxt strong, .banTxt h1 {  font-size: 65px; line-height: 74px;}
.banTxt h5 { font-size: 55px; line-height: 65px;}
.banTxt { width: 550px;}
.about_sec { padding: 55px 0;}
.tophead h1, .tophead h2 {font-size: 42px; line-height: 48px;}
.tophead h5 { font-size: 35px; line-height: 40px;}
.why_sec { padding: 80px 0;}
.why_rt ul li { font-size: 18px; line-height: 26px;}
.cold_storage { margin: 30px 0 0; min-height: 320px;}
.storage_sec { padding: 60px 0;}
.footer_top { padding: 60px 0;}
.footer_box p { font-size: 18px; line-height: 28px;}
.ftrlogo img {max-width: 370px;}
.ftr_link li a { font-size: 18px; line-height: 21px;}
.ftr_info li { margin: 0px 0 15px; padding-left: 30px; font-size: 17px; line-height: 20px;}

.header_sec { padding: 12px 0;}
.navbar-brand img { max-width: 350px;}
.menu_sec li { margin: 0 0 0 23px; font-size: 18px; line-height: 24px;}
.about_sec p { padding: 0 13% 10px; font-size: 19px; line-height: 31px;}
.ftr_link li { margin: 0 0 12px;}
.footer_box iframe { height: 300px;}



/*about*/
.inner_ban .banner_box img{ height: 550px;  }
.inner_ban .banTxt h1{ font-size: 50px; line-height: 55px; }
.cold_storage2 {margin: 45px 0 !important;}










}   

@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
.banner_box img { height: 600px; }
.banTxt strong, .banTxt h1 {  font-size: 54px; line-height: 65px;}
.banTxt h5 { font-size: 42px; line-height: 52px;}
.banTxt { width: 450px; padding: 20px; }
.about_sec { padding: 45px 0;}
.tophead h1, .tophead h2 {font-size: 38px; line-height: 45px; }
.tophead h5 { font-size: 30px; line-height: 38px; }
.why_sec { padding: 70px 0;}
.why_rt ul li { font-size: 16px; line-height: 24px; margin: 0 0 18px; }
.cold_storage { margin: 30px 0 0; min-height: 290px; }
.storage_sec { padding: 50px 0;}
.footer_top { padding: 50px 0;}
.footer_box p { font-size: 16px; line-height: 26px;}
.ftrlogo img {max-width: 310px;}
.ftr_link li a { font-size: 16px; line-height: 20px;}
.ftr_info li { margin: 0px 0 14px; padding-left: 30px; font-size: 16px; line-height: 20px; }


.header_sec { padding: 12px 0;}
.navbar-brand img { max-width: 300px;}
.menu_sec li { margin: 0 0 0 18px; font-size: 16px; line-height: 24px;}
.about_sec p { padding: 0 12% 10px; font-size: 16px; line-height: 28px; }
.ftr_link li { margin: 0 0 10px;}
.footer_box iframe { height: 270px;}
.why_sec h3 { font-size: 22px; line-height: 30px; letter-spacing: 4px;}
.footer_box1 {padding-right: 40px;}
.footer_box h4 { font-size: 24px; line-height: 30px; padding: 14px 0;}
.copy_rt p { font-size: 14px;}



/*about*/
.inner_ban .banner_box img{ height: 450px;  }
.inner_ban .banTxt h1{ font-size: 45px; line-height: 50px; }
.cold_storage2 {margin: 40px 0 !important;}
.who_we.tophead p { padding: 0 0 10px;}
.tophead2 h6 { font-size: 16px; line-height: 25px; padding-bottom: 15px; letter-spacing: 3px;}



/*gallery*/
.gallery_box{height: 300px; }/*contact_us*/.contact_left { padding: 30px;}.contact_left p { font-size: 22px; line-height: 28px; padding: 0 0 15px;}.get_frm { margin: 15px 0;}.get_frm input[type="text"], .get_frm input[type="email"], .get_frm input[type="tel"], .get_frm textarea{ font-size: 18px; }.contact_left p { font-size: 20px; line-height: 26px; padding: 0 0 15px; letter-spacing: 0.5px;}.get_frm .submit_btn { padding: 8px 32px; font-size: 18px; line-height: 28px;}.contact_rt { padding: 30px;}.contact_box { margin: 20px 0 0;}.contact_sec .contact_box h5 { font-size: 18px; line-height: 22px; padding: 0 0 10px;}.contact_rt ul li, .contact_sec .contact_rt p { font-size: 16px; line-height: 24px; }







} 


@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}
.banner_box img { height: 450px; }
.banTxt strong, .banTxt h1 {  font-size: 42px; line-height: 55px;}
.banTxt h5 { font-size: 38px; line-height: 48px; }
.banTxt { width: 360px; padding: 15px; }
.about_sec { padding: 45px 0;}
.tophead h1, .tophead h2 {font-size: 32px; line-height: 38px; }
.tophead h5{font-size:26px;line-height:30px;}
.why_sec{padding:60px 0;}
.why_rt ul li{font-size:16px;line-height:24px;letter-spacing:3px;}
.cold_storage{margin:30px 0 0;min-height:260px;}
.storage_sec{padding:40px 0;}
.footer_top{padding:40px 0;}
.footer_box p{font-size:15px;line-height:25px;}
.ftrlogo img{max-width:310px;}
.ftr_link li a{font-size:15px;line-height:18px;}
.ftr_info li{margin:0px 0 12px;padding-left:25px;font-size:15px;line-height:19px;}

.header_sec{padding:12px 0;}
.navbar-brand img{max-width:300px;}
.menu_sec li{margin:0 0 0 18px;font-size:16px;line-height:24px;}
.about_sec p{padding:0 8% 10px;font-size:16px;line-height:26px;}
.ftr_link li{margin:0 0 7px;}
.footer_box iframe{height:270px;}
.why_sec h3{font-size:20px;line-height:28px;letter-spacing:3px;}
.footer_box1{padding-right:30px;}
.footer_box h4{font-size:22px;line-height:27px;padding:12px 0;}
.copy_rt p{font-size:13px;}
.about_sec.tophead h5{padding-bottom:15px;}
.why_rt ul li .top_label{padding:0 0 5px;}
.ftr_info li i{top:3px;}



/*about*/
.inner_ban .banner_box img{ height: 400px;  }
.inner_ban .banTxt h1{ font-size: 42px; line-height: 48px; }
.cold_storage2 {margin: 40px 0 !important;}
.who_we.tophead p { padding: 0 0 10px;}
.tophead2 h6 { font-size: 16px; line-height: 25px; padding-bottom: 15px; letter-spacing: 3px;}



/*gallery*/
.gallery_box{height: 280px; }/*contact_us*/.contact_left { padding: 20px;}.contact_left p { font-size: 22px; line-height: 28px; padding: 0 0 15px;}.get_frm { margin: 10px 0;}.get_frm input[type="text"], .get_frm input[type="email"], .get_frm input[type="tel"], .get_frm textarea{ font-size: 16px; }.contact_left p { font-size: 18px; line-height: 24px; padding: 0 0 15px; letter-spacing: 0.5px;}.get_frm .submit_btn { padding: 8px 32px; font-size: 18px; line-height: 28px;}.contact_rt { padding: 20px;}.contact_box { margin: 15px 0 0;}.contact_sec .contact_box h5 { font-size: 18px; line-height: 22px; padding: 0 0 10px;}.contact_rt ul li, .contact_sec .contact_rt p { font-size: 16px; line-height: 24px;}.contact_sec { padding-bottom: 60px;}






  

}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #0ebb0e;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
        

.container{max-width: 720px;}

.menu_sec li { margin: 0; }
.menu_sec li a{}
.navbar-nav.menu_sec{background:#1a1a39;} 
.banner_box img{height:370px;}
.banTxt strong,.banTxt h1{font-size:35px;line-height:45px;}
.banTxt h5{font-size:30px;line-height:40px;}
.banTxt{width:300px;padding:15px;}
.navbar-brand img{max-width:260px;}
.nav_top .navbar-toggler{padding:10px 0;margin-right:0;} 
.navbar-brand{padding-left:0;} 
.about_sec{padding:35px 0;} 
.tophead h1,.tophead h2{font-size:28px;line-height:34px;} 
.about_sec.tophead h5{padding-bottom:12px;font-size:24px;line-height:28px;} 
.about_sec.tophead h1{padding-bottom:5px;} 
.about_sec p{padding:0 5% 10px;font-size:15px;line-height:25px;} 
.why_sec{padding:40px 0;} 
.why_rt ul li{font-size:15px;line-height:24px;letter-spacing:2px;} 
.cold_storage{margin:30px 0 0;min-height:240px;} 
.storage_sec{padding:30px 0;} 
.ftrlogo img{max-width:250px;} 
.footer_box1{padding-right:15px;} 
.footer_box iframe{height:230px;margin-top:20px;} 
  


/*about*/
.inner_ban .banner_box img{ height: 300px;  }
.inner_ban .banTxt h1{ font-size: 30px; line-height: 40px; }
.cold_storage2 {margin: 30px 0 !important;}
.who_we.tophead p { padding: 0 0 10px;}
.tophead2 h6 { font-size: 15px; line-height: 25px; padding-bottom: 15px; letter-spacing: 2px;}  /*contact_us*/.contact_left { padding: 20px;}.contact_left p { font-size: 22px; line-height: 28px; padding: 0 0 15px;}.get_frm { margin: 10px 0;}.get_frm input[type="text"], .get_frm input[type="email"], .get_frm input[type="tel"], .get_frm textarea{ font-size: 16px; }.contact_left p { font-size: 18px; line-height: 24px; padding: 0 0 15px; letter-spacing: 0.5px;}.get_frm .submit_btn { padding: 8px 32px; font-size: 18px; line-height: 28px;}.contact_rt { padding: 20px;}.contact_box { margin: 15px 0 0;}.contact_sec .contact_box h5 { font-size: 18px; line-height: 22px; padding: 0 0 10px;}.contact_rt ul li, .contact_sec .contact_rt p { font-size: 16px; line-height: 24px;}.contact_sec { padding-bottom: 50px;}.get_frm textarea {height: 100px;}  
  
  

  
    
} 
 
 


 
@media only screen and (max-width: 767px){
.container{max-width: 100%; padding: 0px 15px; }

.header_sec .container { padding: 0px; }
.navbar-brand { padding-left: 0;  margin-left: 15px; }
.nav_top .navbar-toggler { padding: 10px 0;  margin-right: 15px; }
.tophead h1,.tophead h2{font-size:24px;line-height:30px;letter-spacing:0;}
.about_sec.tophead h5{padding-bottom:10px;font-size:20px;line-height:25px;}
.about_sec p{padding:0 3% 10px;font-size:15px;line-height:25px;}
.why_rt{margin-top:30px;}
  


/*about*/
.inner_ban .banner_box img{ height: 280px;  }
.inner_ban .banTxt h1{ font-size: 26px; line-height: 30px; }
.cold_storage2 {margin: 25px 0 !important;}
.who_we.tophead p { padding: 0 0 10px;}
.tophead2 h6 { font-size: 15px; line-height: 25px; padding-bottom: 15px; letter-spacing: 2px;}



/*gallery*/
.gal_sec .gallery_box{  margin: 5px 0; }
.gal_sec .col-lg-4{ padding: 0 5px; }
.gallery_box{height: 260px; }



}




@media only screen and (max-width: 575px){ 
.navbar-brand img{max-width:210px;}
.banTxt strong,.banTxt h1{font-size:26px;line-height:35px;} 
.banTxt h5{font-size:22px;line-height:31px;} 
.banTxt{width:210px;padding:15px;} 
.banner_box img{height:240px;} 
.tophead h1,.tophead h2{font-size:22px;line-height:30px;letter-spacing:0;} 
.about_sec.tophead h5{padding-bottom:10px;font-size:18px;line-height:24px;} 
.about_sec p{padding:0 0 10px;font-size:15px;line-height:25px;} 
.cold_storage{margin:30px 0 0;min-height:200px;} 
.storage_sec img{margin:10px 0;} 
.footer_box1{padding-right:0;}



/*gallery*/
.gallery_box{height: 200px; }



  
} 



@media only screen and (max-width: 400px){ 
/*gallery*/
.gallery_box{height: 180px; }



  
} 



@media only screen and (max-width: 360px){ 
/*gallery*/
.gallery_box{height: 140px; }



  
}