/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 22, 2017, 1:13:31 PM
    Author     : HP
*/

.text-block {
   
    
    background-color: black;
    opacity: 0.5;
    color: white;
    
}


.btn{
    font-size: 1.2em;
}
.bg {
    /* The image used */
    background-image: url("images/cloud4.jpg");
    /* Full height */
    height: 100%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media (min-width:320px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 300px} .btn1{font-size: 1em;} #bannertext{font-size: 34px}  #head{font-size: 24px} #SemiHead{font-size: 18px} #text{font-size: 12px} #Bigsymbol{font-size: 60px} #Smallsymbol{font-size: 18px} #strategic_section{display: none} #smimgs{display: none} .cardnew{ width: 350px; height: 400px} .frontnew{ width: 350px; height: 400px} .backnew{ width: 350px; height: 400px} #img-responsive{ width: 350px; height: 400px} .item{background-size: 50%; height: 150px; width: 100%}}
@media (min-width:480px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 300px} .btn1{font-size: 1em;} #bannertext{font-size: 36px} #head{font-size: 26px} #SemiHead{font-size: 22px} #text{font-size: 14px} #Bigsymbol{font-size: 60px} #Smallsymbol{font-size: 16px} #strategic_section{display: none} #smimgs{display: none} .cardnew{ width: 350px; height: 400px} .frontnew{ width: 350px; height: 400px} .backnew{ width: 350px; height: 400px} #img-responsive{ width: 350px; height: 400px} .item{background-size: 50%; height: 150px; width: 100%}}
@media (min-width:576px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 300px} .btn1{font-size: 1.2em;} #bannertext{font-size: 40px} #head{font-size: 28px} #SemiHead{font-size: 24px} #text{font-size: 14px} #Bigsymbol{font-size: 80px} #Smallsymbol{font-size: 20px} #strategic_section{display: none} #smimgs{display: none} .cardnew{ width: 350px; height: 400px} .frontnew{ width: 350px; height: 400px} .backnew{ width: 350px; height: 400px} #img-responsive{ width: 350px; height: 400px} .item{background-size: 50%; height: 150px; width: 100%}}
@media (min-width:768px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 300px} .btn1{font-size: 1.2em;} #bannertext{font-size: 40px}  #bannersize{width: 100%; height: 300px;} #head{font-size: 28px} #SemiHead{font-size: 24px} #text{font-size: 14px} #Bigsymbol{font-size: 80px} #Smallsymbol{font-size: 20px} #smimgs{display: block} .cardnew{ width: 360px; height: 400px} .frontnew{ width: 360px; height: 400px} .backnew{ width: 360px; height: 400px} #img-responsive{ width: 360px; height: 400px} .item{background-size: 100%; height: 400px; width: 100%}}
@media (min-width:992px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 400px} .btn1{font-size: 1.2em;} #bannertext{font-size: 44px}  #bannersize{width: 100%; height: 300px;} #head{font-size: 32px} #SemiHead{font-size: 24px} #text{font-size: 14px} #Bigsymbol{font-size: 80px} #Smallsymbol{font-size: 20px} #smimgs{display: block}.cardnew{ width: 350px; height: 450px} .frontnew{ width: 350px; height: 450px} .backnew{ width: 350px; height: 450px} #img-responsive{ width: 350px; height: 450px} .item{background-size: 100%; height: 400px; width: 100%}}
@media (min-width:1024px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 400px} .btn1{font-size: 1.2em;} #bannertext{font-size: 48px}  #bannersize{width: 100%; height: 400px;} #head{font-size: 32px} #SemiHead{font-size: 26px} #text{font-size: 16px} #Bigsymbol{font-size: 100px} #Smallsymbol{font-size: 24px} #smimgs{display: block}.cardnew{ width: 360px; height: 500px} .frontnew{ width: 360px; height: 500px} .backnew{ width: 360px; height: 500px} #img-responsive{ width: 360px; height: 500px} .item{background-size: 100%; height: 700px; width: 100%}}
@media (min-width:1200px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 400px} .btn1{font-size: 1.2em;} #bannertext{font-size: 48px}  #bannersize{width: 100%; height: 400px;} #head{font-size: 32px} #SemiHead{font-size: 26px} #text{font-size: 16px} #Bigsymbol{font-size: 100px} #Smallsymbol{font-size: 24px} #smimgs{display: block}.cardnew{ width: 360px; height: 500px} .frontnew{ width: 360px; height: 500px} .backnew{ width: 360px; height: 500px} #img-responsive{ width: 360px; height: 500px} .item{background-size: 100%; height: 700px; width: 100%}}
@media (min-width:1280px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 500px} .btn1{font-size: 1.5em;} #bannertext{font-size: 52px}  #bannersize{width: 100%; height: 600px;} #head{font-size: 36px} #SemiHead{font-size: 28px} #text{font-size: 16px} #Bigsymbol{font-size: 100px} #Smallsymbol{font-size: 24px} #smimgs{display: block}.cardnew{ width: 360px; height: 500px} .frontnew{ width: 360px; height: 500px} .backnew{ width: 360px; height: 500px} #img-responsive{ width: 360px; height: 500px} .item{background-size: 100%; height: 700px; width: 100%}}
@media (min-width:1680px){font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif; .serviceimgsize{ width:100%; height: 500px} .btn1{font-size: 1.5em;} #bannertext{font-size: 52px}  #bannersize{width: 100%; height: 600px;} #head{font-size: 36px} #SemiHead{font-size: 28px} #text{font-size: 18px} #Bigsymbol{font-size: 100px} #Smallsymbol{font-size: 24px} #smimgs{display: block}.cardnew{ width: 360px; height: 500px} .frontnew{ width: 360px; height: 500px} .backnew{ width: 360px; height: 500px} #img-responsive{ width: 360px; height: 500px} .item{background-size: 100%; height: 700px; width: 100%}}
@media (min-width:1900px) {.col-xlarge-1{width: 10%} .col-xlarge-2{width: 20%} .col-xlarge-3{width: 30%} .col-xlarge-7{width: 70%}}