@media only screen and (min-width : 1400px) {
    .container-fluid { padding-left: 100px; padding-right: 100px;}           
}

@media only screen and (min-width : 1600px) {
    .container-fluid {  max-width: 1600px; padding-left: 15px;padding-right: 15px; }
}

@media only screen and (min-width : 1200px) 
{
    .bannerform {width:400px;top:95px;}
    .bannerform > h3 {font-size: 20px;line-height: 22px;}
    .bannercontent > div > h1 { font-size: 40px;line-height: 40px;}
    .opendemataboutus > p {font-size: 27px;line-height: 35px;}
    .openanacctbtn {width: 380px;font-size: 24px;line-height: 24px;padding: 10px;}
    .openanacctbtn { font-size: 25px;line-height: 25px;}
}

@media only screen and (max-width: 992px) 
{
   .bannercontent > div > h1 {font-size: 35px;line-height: 35px;}
   .headwrapper h3 {width: 140px;height: 64px;margin: 0;}
   .headwrapper h4 {margin: 15px 0px; font-size: 16px;}
   .headwrapper { height: 70px;}
   .bannerformwrapper { margin-top: 70px;}

   .rightappbox{width:100%}
   .lefttabbox{width:100%}  
   .footcredits p{text-align:center;}
   .bannerform{ width: 100%;padding: 25px 25px;position: static;margin: 95px 0 50px;}

   .mobappsec span {margin:0 0 10px;}
   .mobappsec h3 { margin:0 0 10px;}

}

@media only screen and (max-width: 767px) 
{    
  .lefttabbox ,.rightappbox{ padding: 420px 20px 20px 20px;}
  .lefttabbox {border-bottom: 1px solid #f1f1f1;}
  .smifsappbox { margin-top: 5px;}
  .smifsappbox em {width: 200px;margin-left: -100px;left: 50%;}
  .bannerformwrapper { min-height: 450px;}
  .bannerform{ width: 100%;padding: 25px 25px;position: static;margin: 0px 0 50px;}

  .bannerform{ width: 100%;padding: 25px 25px;position: static;margin: 0 0 60px;}
 .bannercontent {height:400px;} 
 .bannercontent > div > h1 {font-size: 25px;line-height: 30px;}
  ul.dematservices > li > a {font-size: 20px;line-height: 24px;margin-bottom: 10px;}
 .aboutwrapper { padding: 40px 0px;}
 .opendemataboutus > p {font-size: 18px;line-height: 25px;}
 .opendematproductservice > h2, .opendematproductservice > h2, .opendematinvetjourn >h2, .opendematclientlist >h2 {font-size: 22px;line-height: 25px;}
 .prodtservdata > ul li {font-size: 16px;line-height: 25px; }
  .mobappsec h3 , .mobappsec span{font-size: 22px;line-height: 30px;margin: 0 0 10px;}
 .opendematewhychooseus > h2 { font-size: 22px;line-height: 25px;}

 /*thankyou popup*/
 .thankyouwrapper { width: 500px; height: 340px; padding: 10px; top: 50%; margin-top: -170px; left: 50%; margin-left: -250px; }
 .thankyousec > i { top: 150px; right: 35px;margin: 0; padding: 28px; width: 150px; height: 150px; font-size: 95px; }


}


@media only screen and (max-width: 479px) 
{
 .mobappsec {margin: 0 0 15px;}
 .bannerform > .enquiryfields > input[type='submit'] {font-size: 18px;}

  /*thankyou popup*/
 .thankyouwrapper { width: 300px; height: 340px; padding: 10px; top: 50%; margin-top: -170px; left: 50%; margin-left: -150px; }
 .thankyousec { border: 2px solid #fff; padding: 34px 20px; }
 .thankyousec > h3 { font-size: 30px; line-height: 40px; }
 .thankyousec > span, .thankyousec .sclmda > span { font-size: 14px; line-height: 20px; }
 .thankyousec > i { top: 210px; right: 100px; margin: 0; padding: 18px; width: 100px; height: 100px; font-size: 65px; }
 .thankyousec .sclmda { display: block; padding: 10px 0 0; }
 .thankyousec .socialiconpopup { display: block; margin: 0; padding: 10px 0 100px; }
 .thankyousec .socialiconpopup > a i { font-size: 20px; margin: 5px 15px 0 0; }

}


@media only screen and (max-width: 320px) 
{
    .headwrapper h4 {font-size: 14px;}
    .bannercontent > div > h1 { font-size: 22px;line-height: 24px;margin: 25px 0px 0px;}
     ul.dematservices > li > a {font-size: 20px;line-height: 25px;}
    .bannerform > h3 { font-size: 18px;line-height: 20px;}
     ul.dematservices > li > a { padding-left: 16px;}
}