@media (min-width: 768px) and (max-width: 1199px) {
  .news_detail_page{width:95% !important;margin: 0;}



}
@media (min-width: 992px) and (max-width: 1023px) {
  #header2 #menubar2 {left: 10% !important;padding: 23px 0 !important}

  .iisb{margin:auto;float:right;padding-right:20px;}

}
/*md only*/
@media (min-width: 1024px) and (max-width: 1199px) {
  .c1 h1,.c1 p{margin: 5px 0px 5px 50px !important;}
  .c2 h1,.c2 p{margin: 5px 0px 5px 105px !important;}
  .c3 h1,.c3 p{margin: 5px 0px 5px 80px !important;}
  .research-f-text h1{margin-left: 0 !important}
  #header2 #menubar2 {left: 15% !important}

  .iisb{position:relative;margin:auto;}



}
@media (min-width: 768px) and (max-width: 991px) {


  .news_detail_header{width: 100%;padding-left: 20px}
  .news_detail_header h1,.news_detail_header .right{float: none !important}
  .news_detail_header .right {position: relative;top: -20px}
  .list2{width:100%;padding-left: 20px;padding-top: 20px}
  .detail-sh{width:100%;padding-top:30px;padding-left:20px;}
  .box3{width: 33.333% !important;}
  .box4{width: 40% !important;}
  .box44{margin-left: 110px}
  .box45{margin-left: -50px}
  .box2 img{width: 180px !important}
  #header2 #menubar2 {left: 5% !important;padding: 23px 0 !important;margin: 0 !important}
  .m2{padding: 0 !important}
  #price_sugar{left: 40% !important}
  #contant2{display: block !important}
  #contant2 .right,#contant2 h1{float: none}
  .mbcar,.pmenu{display: block !important}
  .plan-44{width:97% !important;}
  #header2 #menubar2 {left: 0% !important}
  .h .b,.title .b{width: 30% !important;float: left}
  .h .a,.title .a{width: 50% !important;float: left;}
  .h .c,.title .c{width: 20% !important;float:left;margin-left: -35px !important;display: block !important}
  #ppfull{display: none}
  #pp991{display: block !important;}

  .iisb{margin:auto;float:right;padding-right:20px;}
}
.list2{padding-top: 20px}




@media (min-width: 425px) and (max-width: 767px) {
  .page_title{left: 20px;}
  .page_break{margin-left: 25px;margin-bottom: 10px}
  #price_sugar{left: 30% !important}
  .ylogo{left: 80% !important}
  .down-type,#filter_news{width: 100% !important}

  .iisb{margin:auto;float:right;padding-right:20px;}

}





@media (min-width: 425px) and (max-width: 600px) {
  .srt,.slt{top: 0% !important;}

}
/* md */
@media only screen and (max-width : 1200px) {

}

@media (min-width: 768px) and (max-width: 1024px) {
  .meci p{
    display: none;
  }

  .me{
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .ol-1024{
    transform: translateX(-50px);
  }
  .about-p2 {
    margin-top: 20% !important;
  }
  .mt-business a{
    width: 140px !important;
  }

  #research-viv{
    width: 75% !important;
  }

  #research-vin{
    width: auto !important;
  }

  #page_template_1 .mo .box_2 p span {
    font-size: 24x;
    margin-bottom: 20px;
  }
  #show_menu,#show_gproduct,#show_gnews{display: none}
  #page_template_1 .mo .box_2 p {
    letter-spacing: 0px;
    font-size: 25px;
  }
  .conts .conts-det{
    margin-left: 15px !important;
  }

  #w6 .tt{
    left: 50px;
  }

  #show_menu .col-md-4{
    text-align: center;
    margin-top: 20px;
  }

  .vimg img {
    width: auto;
  }

  .sl-1024{
    width: 130% !important;
    max-width: none !important;
  }

  #fs-1024{
    z-index: -1;
  }

  .ref-1024{
    transform: translateX(-83px);
  }

  .face-ini{
    max-width: none !important;
    height: auto !important;
  }

  .container-fluid{
    height: auto !important;
  }


  .ss{
    z-index: 1;
  }

  .gif-s{
    width: 100% !important;
  }

  /*CONTACT*/
  .banner-contact{
    padding: 0 !important;
  }
  .banner-contact img{
    width: 95% !important;
    margin:auto;
  }
  #checkboxes{
    width: 28%;
    left: 36%;
  }
  .nav-right-contact{
    margin-bottom: 20px !important;
  }
  .nav-right-contact h1{
    margin: 0 !important;
    font-size: 25px !important;
  }
  .nav-right-contact h2{
    margin: 0 !important;
    font-size: 22px !important;
  }
  .nav-right-contact p{
    margin: 0 !important;
    font-size: 20px !important;
  }
  .mailll{
    font-size: 17px;
  }
  #mailtoo{
    font-size: 20px !important;
  }
  /*CONTACT*/
  .contact h1,.contact p{margin:5px 0 5px 40px !important;}
  /*MENU*/
  .menu-1{
  }
  .menu-1 img{
    width: 100%;
    margin-right: 0;
  }
  .meci{
    padding-left: 5px;
  }
  .meci h1{
    font-size: 18px !important;
  }
  .meci p{
    font-size: 15px !important;
    display:block;
  }

  .aa {
    padding-right: 0;
  }
  /*page*/
  .portfolio-thumb{
    height: 280px;
  }
  .detail_page img{
    width: 100% !important;
  }
  .detail_page table{
   /* width: 100% !important;*/
  }
  /*Plantation*/
  .banner-plan{
    height: 450px !important;
  }

  .banner-plan2{
    height: 450px !important;
  }

  .banner-rdi{
    height: 500px !important;
  }




  .plantation-text{
    margin-top: 1% !important;
  }
  /*NEWS*/
  .fb-button{
    top: 28px;
    padding: 0;
  }
  #fb_news_detail{
    position: relative;
    left: -28px;
  }
  #tw_news_detail{
    position: relative;
    left: -20px;
  }
  #form_resu .input{
    padding:0 !important;
  }
  .nt{
    padding: 0px 15px 10px 15px !important;
  }
  .nt h1{
    font-size: 20px !important;
  }
  .nt p{
    font-size: 18px !important;
  }
  .catename{
    position: absolute;
    font-size: 20px;
  }
  .reading2{
    margin-top: 33px !important;
  }
  #fb1{
    position: relative;
    top: 2px;
  }
  #tw1{
    position: relative;
    top: 7px;
  }
  #fbs1{
    position: relative;
    top: -1px;
  }
  #pri1{
    position: relative;
    top: 2px;
  }
  /*FOOTER*/
  .menu_footer2{
    position: relative;
    left: 35%;
    top: 8px;
  }
  .lastmenu_footer2{
    position: relative;
    left: 35%;
    top: 8px;
  }
  #delc1,#delc2,#delc3,#fs-1024,#img-res{
    height: 300px;
  }
  #price_sugar{
    top: 20% !important;
  }
  .checkbox{width: 15px}
  .checkbox span{margin-left: 30px}
  /*CAREER*/
  .box_jobs .b{}
    #menu_career{display: none !important;border-bottom:none !important;}
    .mbcar{display: block !important;padding-top: 10px !important}
    #page_home_career{margin-top:85px !important}
    .page_career767{margin-top: 5px !important;}

  }
  @media (max-width: 768px){
    #page_template_1 .break_word .right,#page_template_1 .break_word h1,#page_news .break_word h1,#page_news .break_word .right,#page_contact .break_word h1,#page_contact .break_word .right,#contant2 .row .right,#page_template_1 .break_word p {float: none !important; margin:0 0 0 10px;}
    /*#page_template_1 .break_word .right{margin-top: -25px;}*/
    #page_contact_edit h1{float: none;}
    #page_template_1 .break_word .right,#page_contact_edit .right, #page_news .break_word .right,#page_contact .break_word .right{float: none;margin-top: -30px;}
    /*MENU*/
    #ajax_prices .ref-1024{ height: 583px !important; }
    .menu-1{
      width: 30%;
      float: left;
      margin-left: 15px;
    }
    .menu-1 p{
      display: none;
    }
    .meci{
      margin-top: -10px;
      text-align: center;
    }
    .pro{
      margin-top: 20px;
    }
    .menu_n{
      width: 40% !important;
      float: left;
    }
    .menu_n .aa{
      width: 50% !important;
      float: left;
    }
    .menu_n .meci{
      width: 50% !important;
      float: right;
    }
    .menu_n p{
      display: block;
    }
    .sl-1024{
      max-width: 768px !important;
      height: auto;
      max-height: 580px;
      transform: translateY(-130px);
    }

    #ri-768{float: right;}
    #w3{z-index: 1;}
    #w4{top: 300px;left: 385px;}
    #w6{top: -300px;left: -385px;}
    .seplace_2 {
      left: 27% !important;
    }

    .conts .conts-det{
      margin-left: 0px !important;
    }

    #page_contact{
      padding-bottom: 0px !important;
    }

    #mentors{
      height: 750px !important;
    }

    .emorel .row{
      width:95% !important;
    }

    .ll{
      max-height: 750px;
      height: 750px;
      width: 768px;
      max-width: 100%;
    }

    .emorel .row .col-md-4{
      float: left;
    }

    #colres .col-md-4{
      width: 33%;
      float: left;
    }

    #colres .col-md-4 img{
      width: 100%;
    }

    #colres{
      width: 98% !important;
    }

    #min-size{
      display: block !important;
    }

    #page_template_1 .wood .box_1 p {
      letter-spacing: 0px;
    }

    #max-size{
      display: none;
    }

    #le-768{
      float: left;
    }

    .ref-1024{
      transform: translateX(0);
      width: 100% !important;
    }

    .gif-s{
      width: auto !important;
      height: 100%;
      margin-left: 185px;
    }

    #img-res{
      max-height: 495px;
    }

    .sitemap{
      display: none;
    }

    .slt{top: 0 !important;left: 10px;width: auto;}
    .sslt{width: 40px;}

    .srt{top: 0 !important;right: 10px !important;;width: auto;}
    .ssrt{width: 40px;}



    .mt-business a {
      width: 105px !important;
    }
    /*HOME*/
    #w3{
      float: right;
    }
    #ajax_prices .gif-s{
      position: relative;
      left: 15%;
      margin: 0;
      margin-top: 1%;
      height: 300px;
    }
    #price_sugar{
      top: 55px !important;
    }
    #fs-1024 .item img{
      width: 100px !important;
    }
    .ll{
      background: #EDEDED !important;
    }
    .ssrt,.sslt{
      position: relative;
      top: 50% !important;
    }
    /*page detail*/
    #nav-right-bar-page_detail{
      display: none;
    }
    .detail_page{
      float: none;
      width: 100% !important;
    }
    #header2 #menubar2{
      left:-2% !important;
    }
    /*pla{ntation*/
    .plan-3 p,.plan-3 h1{
      text-align: left;
    }
    .plan-3 a{
      color: #555555;
    }
    .plan-4{
      text-align: center;
      padding-bottom: 30px;
    }
    /*contact*/
    .nav-right-contact h1{margin: 0 !important;font-size: 22px !important;}
    .nav-right-contact h2{margin: 0 !important;font-size: 18px !important;}
    .nav-right-contact p{margin: 0 !important;font-size: 17px !important;}
    .c1 h1,.c1 p{margin:5px 0 5px 0px !important;}
    .c3 h1,.c3 p{margin-left: 25px !important;}
    #mailtoo{font-size: 18px !important;}
    .left-contact,.right-contact{float: none;width: 100%}
    .right-contact .left{float: left;width: 49%}
    .right-contact .right{float: right;width: 49%}
    .h .b,.title .b{display: none !important;}
    .h .a,.title .a{width: 70% !important;float: left;}
    .h .c,.title .c{width: 30% !important;float:left;display: block !important;}
    .title .a{width: 70% !important;}
    .title .c{width: 30% !important;position: relative;right: 0px;}

    .banner-rdi2{
      margin-top: 25% !important;
    }
  }
  @media(max-width: 680px){
    .plan-3 h1,.plan-3 p{width: 51% !important;}
  }
  @media(max-width: 560px){
    .plan-3 h1,.plan-3 p{width: 63% !important;}
    .title .c,.h .c{display: none !important}
  }
  @media(max-width: 767px){
    #slc_file{width: 100% !important}
    .fresume label{padding: 0}
    #page_home_career{margin-top: 85px !important}
    .box2{margin: auto !important;width: 100% !important}
    .box_jobs .title {background: none !important}
    #menu_car{display: none;}
    .mbcar{display: block;padding:0 !important;text-align:left;}
    #menu_mobile_career .box a{text-align: left; border-bottom: 1px solid #eee;}
    .c2 h1,.c2 p,.c3 p{margin:5px 0 2px 0px !important;}
    .c3 h1{margin:-20px 0 2px 0px !important;}
    .c1,.c2,.c3{border-right: none !important;float:none;}

    #menu_mobile_career .box a2{text-align: left;}
    .c2 h1,.c2 p,.c3 p{margin:5px 0 2px 0px !important;}
    .c3 h1{margin:-20px 0 2px 0px !important;}
    .c1,.c2,.c3{border-right: none !important;float:none;}


    #contact-form input {width: 100% !important}
    .fname,.lname,.email,.phone{padding:0 !important;}
    #contant2{display: block !important}
    .page_jobs{margin-top: 5px !important}
    .plan-3 h1,.plan-3 p{width: 45%;margin: auto !important;}
    .plan-3{padding-bottom: 30px !important;text-align: center;}
    .plan-44{width: 100% !important;margin: 0}
    .plan-44 button{margin: auto;margin-bottom: 20px;}
    .news_page{float: none; margin:auto;}
    .list-social{margin-left: 20px !important;margin-top: 20px !important;}
    .news_detail_header{margin-left: 20px !important}

    .image67{display: none !important;}
    #img7,#img6,.res{display: none;}
    .w1{width: 100% !important}
    .w2{width: 100% !important}
    .news_cpage{width: 100%;padding-left: 0 !important;padding-right: 0 !important}
    .news_cpage .newss {padding-left: 50px}
    .box3{width: 50% !important;}
    .box33{width: 50% !important;}
    .box5{width: 100% !important}
    .box2 img{width: 180px !important}
    .disnone767{display: none}
    .grid .grid-item.news_page{width: 80% !important; margin:auto; }

    #bannereffect{margin-top: 0 !important;padding:0 !important;}
    .banner{padding: 0 !important}
    .smin,.smax{float: left;width: 50%;}
    .smin input,.smax input{width: 99% !important;}
    .page_career767 .banner{height: 200px !important}
    .grid .grid-item.material_detail{width: 100% !important;}

    .grid .grid-item.news_page.news_career_page{width:90% !important; top: 0 !important;}
  }

  @media(max-width: 991px){
    .news_career_page.last{display: none}
    .disnone767{display: none}
    .w100-991{float: none !important; width: 100% !important;}
    #banner1,#banner3,#banner6,#banner8,#banner9,#banner11{display: none !important;}
  .grid .grid-item.news_page.news_career_page{width:90% !important; /*top: 0 !important;*/}

  .grid .grid-item.news_page{width: 50% !important}
  #tb-foot{display: none}
  #mb-foot{display: block !important;}
  .grid .grid-item.material_detail{width: 50%;}
}

/* sm */
@media only screen and (max-width : 992px) {

  .boxnews{
    max-height:300px;
  }
  .vimg{
    max-height: 300px;
  }
  .tt:before{
    left: calc(-20px - 10px);
    top: 45%;
  }
  .v{height: 350px;}
}

@media(max-width: 480px){
  #txtID1,#txtID2,#txtID3,#txtID4,#txtID5{padding:3px 0 3px 0 !important;text-align: center;}
  #txtID1{width: 10% !important;}
  #txtID2,#txtID3{width: 18% !important;}
  #txtID4{width: 12% !important;}
  #txtID5{width: 10% !important;}
  .h .b,.title .b{display: none !important}
  .h .a,.title .a{width: 70% !important}
  .h .c,.title .c{width: 30% !important}
  .title .c{width: 30% !important;position: relative;right: -50px;}
.grid .grid-item.news_page.news_career_page{width:90% !important; /*top: 0 !important;*/}
#ajax_prices .ref-1024{ height:365px !important; }

.banner-rdi2{
  margin-top: 50% !important;
}


}
@media(max-width: 325px){
  .title .c{width: 30% !important;position: relative;right: -35px;}
  #ajax_prices .ref-1024{ height:265px !important; }
}
@media (max-width : 425px){
    #ajax_prices .ref-1024{ height: 322px !important; }
  .box2 img{width: 100px !important}
  .box1{
    height: 215px !important;
  }
  .group1{
    height: 215px;
  }

  #seplace_1 {
    width: 250px !important;
  }

  #alik{
    margin-bottom: 20px;
  }

  .seplace_2 {
    left: 21% !important;
    width: 250px !important;
  }

  #nb-foot{display: block !important;}
  #mb-foot{display: none !important;}

  .mt-business a {
    width: 145px !important;
    margin-bottom: 15px;
  }

  #page_template_1 .mo .box_2 p span {
    font-size: 30px;
    margin-top: 20px;
  }

  #page_template_1 .mo .box_2 p {
    font-size: 18px;
  }

  .cv{
    max-width: 200% !important;
    transform: translateX(-410px);
    width: auto !important;
  }

  .fa-play-circle-o{
    z-index: 1;
  }

  #mentors {
    height: 920px !important;
  }

  .ll {
    max-height: 920px;
    height: 920px;
  }

  #img-res{
    max-width: 100%;
    height: 320px !important;
    width: auto !important;
    max-height: 100%;
  }

  #colres .col-md-4 {
    width: auto;
    float: none;
  }

  #page_home .banner {
    max-height: 450px;
  }
  .slt ,.srt {
    top: -5px !important;
    height: 40px;
  }
  .sl-1024{
    max-width: 425px !important;
    height: 350px !important;
    max-height: 500px;
    transform: translateY(-20px);
  }

  .gif-s {
    width: 100% !important;
    height: auto;
    margin-left: 0;
    left: 0 !important;
  }

  #ajax_prices div {
    left: 23% !important;
  }

  #footer .send-mail{
    height: 240px !important;
  }

  .send-mail button{
    margin-top:10px !important;
  }

  .send-mail .form-group{
    border:none !important;
  }
  .input-group-addon{
    display: initial;
  }
  #form_resu  .input-group-addon{display: table-cell;}
  .input-group .form-control{
    text-align: center;
  }
  #w5{
    margin-top:300px;
  }
  #w4{top: 600px;left: 0;}
  #w6{top: -600px;left: 0;}
  /*PAGE*/
  .page_header{
    float: none;
    width: 100%;
  }
  .view_button{
    float: none;
    width: 100%;
  }
  #detail_txt{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page_template_1 .break_word,.page_title{padding: 0 30px 0 40px !important}
  /*.page_title h1,.page_title h2,.page_title h3,.page_title h4{padding-left: 22px !important;padding-right: 22px !important}*/
  /*CONTACT*/
  .right-contact .left,.right-contact .right{float:none;width: 100%;margin: auto;}
  /*plantation*/
  .plan-3 h1,.plan-3 p{width: 85% !important;}
  /*MATERIAL*/
  .select_main .slc{
    float: none;
    width: 100% !important;
    margin: 10px !important;
  }
  .select_main button{
    margin-left: 0;
  }
  .material_detail{float:none;width: 100%;}
  /*CAREER*/
  #page_home_career,#page_contact{margin-top: 0px !important;}
  .banner-contact h1{font-size: 26px !important;margin: 10px 0 0px 19px !important;}
  .banner-contact h2{font-size: 22px !important;margin: 2px 0 0px 20px !important;}
  .banner-contact p{font-size: 20px !important;margin: 2px 0 20px 20px !important;}

  #checkboxes {width: 64%;left: 18%;}
  .selectBox select{width: 65%}
  #mailtoo{font-size: 18px !important;}
  .plan-44 button{position: relative;right: 20px}
  #page_home_career .banner{margin-top: 85px !important;}

}


@media(max-width: 375px){
  #ajax_prices .ref-1024{ height:285px !important; }
  #img-res{ height: 285px !important }
  .mt-business a {
    width: 128px !important;
  }

  #page_home .banner {
    max-height: 450px;
  }

  #footer .send-mail{
    height: 270px !important;
  }

  .seplace_2 {
    left: 17% !important;
  }

  #tt{
    display: none;
  }
  .cv {
    transform: translateX(-370px);
  }
  .group1{
    height: 200px !important;
  }
  #bannereffect{
    margin-top: -50px;
  }
  #page_template_1{
    padding-top: 75px !important;
  }

  #page_template_1 .break_word,.page_title{padding: 0 30px 0 30px !important}
  .page_title h1,.page_title h2,.page_title h3,.page_title h4{padding-left: 14px !important;padding-right: 14px !important}
  .page_title h1,.page_title h2{font-size: 45px !important}
  .page_title h4{margin-top: -10px}
  .plan-3 {width: 96% !important;}
  .srt,.slt{top: -20px !important;}

  .plan-44 button{right: 0 !important}



}

@media(max-width: 320px){
  #page_template_1{
    padding-top: 75px !important;
  }
  #bannereffect {
    margin-top: 0px;
  }
  .srt,.slt{
    top: -35px !important;
  }
  .mt-business a {
    width: 108px !important;
  }

  #page_home .banner {
    max-height: 450px;
  }

  .send-mail h1{
    font-size: 39px;
  }

  .seplace_2 {
    left: 11% !important;
  }

  .form-group{
    width: 100% !important;
  }

  .input-group .form-control{
    text-align: center;
  }

  .cv {
    transform: translateX(-325px);
  }

  .boxnews {
    padding-left: 25px;
    padding-right: 25px;
  }

  #mentors {
    min-height: 1000px !important;
  }

  .ll {
    max-height: 1000px;
    height: 1000px;
  }

  #w22 img{
    transform: translateX(-53px);
  }

  .sl-1024{
    transform: translateX(-53px);
  }

  #ajax_prices div {
    left: 15% !important;
  }
  #delc3{
    height: auto !important;
  }
  .box1{
    height: 190px !important;
  }
  .group1{
    height: 190px !important;
  }
  /*PAGE*/
  .page_header{
    height: 290px !important;
  }
  .view_button{
  }
  /*plantation*/
  .plan-3 {width: 100% !important;padding: 0;margin-left: -5px;}
  .plan-4 {margin-left: -20px;}
  .fz20{font-size: 20px !important}
  .cnews2{font-size: 40px }
  .spandate{line-height: 13px !important;top: 8px !important;font-size: 18px !important}
  .smin,.smax{float: none !important;width: 100%;}
  .smin input,.smax input{width: 100% !important;}

}
@media(max-width: 280px){
  .page_title h1, .page_title h2{font-size: 40px !important}
}