@media only screen and (max-width:1024px) and (min-width:800px)
{
    .headcover{ width:90%;}
    .header hr {width:90%;}
    .testingsite{ font-size:30px; left:0; top:30px;}
    .betasite{font-size:30px; right:0; top:30px;}
    .container { width: 94%; }
    
    .homevideo{ padding:0; margin:0px auto; width:80%;}
    .homevideo iframe{ padding:0; margin:0; position:relative; height:300px; width:100%;}

    .three-section{ padding:0; margin:20px 0px 0px 0px; position:relative; width:100%;}
    .sec-left{ float:left; width:32%; position:relative; padding:0; margin:0px 1% 0px 0px; color:#fff;}
    .viewpic{ float:left; width:110px; margin:0px 15px 0px 0px;}
    .viewpic img{ border:solid 1px #fff;}
    .viewpic img:hover{ border:solid 1px #008000;}
    .content-info{ padding:0; margin:0; float:left; line-height:15px; width:180px;}
    .content-info span{ display:block; line-height:22px;}
    .clickherebtn{ position:relative; padding:0; margin:0; clear:left;  font-size:12px;}
    .clickherebtn a{ position:relative; float:left; background-color:#008000; color:#fff!important; text-decoration:none; padding:3px 10px;  margin:10px 0px 0px 125px;}
    .clickherebtn a:hover{background-color:#333;}
    .fleft{ float:left;}
    .fright{ float:right;}
    .f48-l{ float:left; width:48%;}
    .f48-r{ float:right; width:48%;}
    .f48-r iframe{ width:100%; height:220px; border:solid 1px #000; margin-top:10px;}
    
    .enquire-page input[type=text]{padding:1px 0px; min-height:16px;}
    .enquire-page select{padding:1px 0px; min-height:16px;}
    .enquire-page textarea{padding:1px 0px;height:26px;}
    
    .why-blog-fixed .whycover .whysec{padding:0; width:300px; float:left; margin:0px 30px 0px 0px; position:relative;}
    .why-blog-fixed .whycover .whyhe{font-size:14px;}
    .why-blog-fixed .whycover .whytitlediscription{float:right; width:220px; padding:0; margin:0px 3px 0px 0px; position:relative;}
    
    #demo1 .als-prev, #demo2 .als-prev, #demo3 .als-prev,#demo4 .als-prev {left:30px;}
    #demo1 .als-next,#demo2 .als-next, #demo3 .als-next,#demo4 .als-next {right:30px;}


}


@media only screen and (max-width:799px) and (min-width:601px)
{
    .header h2 { margin: 0; font-size: 15px;}
    .header ul li { padding: 0 5px;}
    h3 {font-size: 30px;}
    .headcover{ width:90%;}
    .header hr {width:90%;}
    .testingsite{ font-size:20px; left:0; top:30px;}
    .betasite{font-size:20px; right:0; top:30px;}
    .container { width: 90%; }
    
    .homevideo{ padding:0; margin:0px auto; width:80%;}
    .homevideo iframe{ padding:0; margin:0; position:relative; height:300px; width:100%;}

    .three-section{ padding:0; margin:20px 0px 0px 0px; position:relative; width:100%;}
    .sec-left{ float:left; width:32%; position:relative; padding:0; margin:0px 1% 0px 0px; color:#fff;}
    .viewpic{ float:none; width:110px; margin:0px auto;}
    .viewpic img{ border:solid 1px #fff;}
    .viewpic img:hover{ border:solid 1px #008000;}
    .content-info{ padding:0; margin:0; float:left; line-height:18px; width:100%; text-align:center;}
    .content-info span{ display:block; line-height:22px;}
    .clickherebtn{ position:relative; padding:0; margin:0; clear:left;  font-size:12px; text-align:center;}
    .clickherebtn a{ position:relative; float:none; background-color:#008000; color:#fff!important; text-decoration:none; padding:3px 10px;  margin:10px auto;}
    .clickherebtn a:hover{background-color:#333;}
    .fleft{ float:left;}
    .fright{ float:right;}
    .f48-l{ float:left; width:48%;}
    .f48-r{ float:right; width:48%;}
    .f48-r iframe{ width:100%; height:220px; border:solid 1px #000; margin-top:10px;}
    .rfv{padding-right:0px; font-size:10px;}
    .consultationform iframe{ padding:0; margin:0; border:0; width:100%; height:500px;}

    .enquirenow iframe{ padding:0; margin:0; border:0; width:100%; height:400px;}
    
    .enquire-page input[type=text]{padding:1px 0px; min-height:16px;}
    .enquire-page select{padding:1px 0px; min-height:16px;}
    .enquire-page textarea{padding:1px 0px;height:26px;}
    
    .why-blog-fixed .whycover .whysec{padding:0; width:32%; float:left; margin:0px 1.5% 0px 0px; position:relative;}
    .why-blog-fixed .whycover .whyhe{font-size:14px;}
    .why-blog-fixed .whycover .whytitlediscription{float:right; width:64%; padding:0; margin:0px 3px 0px 0px; position:relative;}
    
    .als-container {width:90%;}
    .als-viewport { width:85% !important;}

    #demo1 .als-prev, #demo2 .als-prev, #demo3 .als-prev,#demo4 .als-prev {left:0px;}
    #demo1 .als-next,#demo2 .als-next, #demo3 .als-next,#demo4 .als-next {right:0px;}


}

@media only screen and (max-width:600px) and (min-width:400px)
{
    .header h2 { margin: 0; font-size: 15px;}
    .header ul li { padding: 0 5px;}
    h3 {font-size:26px;}
    .headcover{ width:90%;}
    .header hr {width:90%;}
    .testingsite{ font-size:20px; left:0; top:30px;}
    .betasite{font-size:20px; right:0; top:30px;}
    .container { width: 90%; }
    
    .homevideo{ padding:0; margin:0px auto; width:80%;}
    .homevideo iframe{ padding:0; margin:0; position:relative; height:300px; width:100%;}

    .three-section{ padding:0; margin:20px 0px 0px 0px; position:relative; width:100%;}
    .sec-left{ float:left; width:32%; position:relative; padding:0; margin:0px 1% 0px 0px; color:#fff;}
    .viewpic{ float:none; width:110px; margin:0px auto;}
    .viewpic img{ border:solid 1px #fff;}
    .viewpic img:hover{ border:solid 1px #008000;}
    .content-info{ padding:0; margin:0; float:left; line-height:18px; width:100%; text-align:center;}
    .content-info span{ display:block; line-height:22px;}
    .clickherebtn{ position:relative; padding:0; margin:0; clear:left;  font-size:12px; text-align:center;}
    .clickherebtn a{ position:relative; float:none; background-color:#008000; color:#fff!important; text-decoration:none; padding:3px 10px;  margin:10px auto;}
    .clickherebtn a:hover{background-color:#333;}
    .fleft{ float:left;}
    .fright{ float:right;}
    .f48-l{ float:left; width:48%;}
    .f48-r{ float:right; width:48%;}
    .f48-r iframe{ width:100%; height:220px; border:solid 1px #000; margin-top:10px;}
    .rfv{padding-right:0px; font-size:10px;}
    .consultationform iframe{ padding:0; margin:0; border:0; width:100%; height:500px;}

    .enquirenow iframe{ padding:0; margin:0; border:0; width:100%; height:400px;}
    
    .enquire-page input[type=text]{padding:1px 0px; min-height:16px;}
    .enquire-page select{padding:1px 0px; min-height:16px;}
    .enquire-page textarea{padding:1px 0px;height:26px;}
    
    .why-blog-fixed .whycover .whysec{padding:0; width:32%; float:left; margin:0px 1.5% 0px 0px; position:relative;}
    .why-blog-fixed .whycover .whyhe{font-size:14px;}
    .why-blog-fixed .whycover .whytitlediscription{float:right; width:54%; padding:0; margin:0px 3px 0px 0px; position:relative;}
    
    .als-container {width:90%;}
    .als-viewport { width:80% !important;}

    #demo1 .als-prev, #demo2 .als-prev, #demo3 .als-prev,#demo4 .als-prev {left:0px;}
    #demo1 .als-next,#demo2 .als-next, #demo3 .als-next,#demo4 .als-next {right:0px;}


}


@media only screen and (max-width:399px) and (min-width:300px)
{
    .header h2 { margin: 0; font-size: 15px;}
    .header ul li { padding: 0 5px;}
    h3 {font-size:26px;}
    .headcover{ width:90%;}
    .header hr {width:90%;}
    .testingsite{ font-size:20px; left:0; top:30px;  display:none;}
    .betasite{font-size:20px; right:0; top:30px; display:none;}
    .container { width: 90%; }
    
    .homevideo{ padding:0; margin:0px auto; width:80%;}
    .homevideo iframe{ padding:0; margin:0; position:relative; height:300px; width:100%;}

    .three-section{ padding:0; margin:20px 0px 0px 0px; position:relative; width:100%;}
    .sec-left{ float:left; width:32%; position:relative; padding:0; margin:0px 1% 0px 0px; color:#fff;}
    .viewpic{ float:none; width:110px; margin:0px auto;}
    .viewpic img{ border:solid 1px #fff;}
    .viewpic img:hover{ border:solid 1px #008000;}
    .content-info{ padding:0; margin:0; float:left; line-height:18px; width:100%; text-align:center;}
    .content-info span{ display:block; line-height:22px;}
    .clickherebtn{ position:relative; padding:0; margin:0; clear:left;  font-size:12px; text-align:center;}
    .clickherebtn a{ position:relative; float:none; background-color:#008000; color:#fff!important; text-decoration:none; padding:3px 10px;  margin:10px auto;}
    .clickherebtn a:hover{background-color:#333;}
    .fleft{ float:left;}
    .fright{ float:right;}
    .f48-l{ float:left; width:48%;}
    .f48-r{ float:right; width:48%;}
    .f48-r iframe{ width:100%; height:220px; border:solid 1px #000; margin-top:10px;}
    .rfv{padding-right:0px; font-size:10px;}
    .consultationform iframe{ padding:0; margin:0; border:0; width:100%; height:500px;}

    .enquirenow iframe{ padding:0; margin:0; border:0; width:100%; height:400px;}
    
    .enquire-page input[type=text]{padding:1px 0px; min-height:16px;}
    .enquire-page select{padding:1px 0px; min-height:16px;}
    .enquire-page textarea{padding:1px 0px;height:26px;}
    
    .why-blog-fixed .whycover .whysec{padding:0; width:32%; float:left; margin:0px 1.5% 0px 0px; position:relative;}
    .why-blog-fixed .whycover .whyhe{font-size:14px;}
    .why-blog-fixed .whycover .whytitlediscription{float:right; width:54%; padding:0; margin:0px 3px 0px 0px; position:relative;}
    
    .als-container {width:90%;}
    .als-viewport { width:80% !important;}

    #demo1 .als-prev, #demo2 .als-prev, #demo3 .als-prev,#demo4 .als-prev {left:0px;}
    #demo1 .als-next,#demo2 .als-next, #demo3 .als-next,#demo4 .als-next {right:0px;}


}