body{font-family: 'Lato', sans-serif; font-size:14px;}
p{color:#555; line-height:23px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

header{ width:100%; text-align:center;}

.top-nav{ background:#222; color:#fff;}
.top-nav a{color:#fff; text-decoration:none; font-size:14px;}
.top-nav a:hover{color:#fff; text-decoration:none;}
.top-nav-lft ul{list-style:none; padding-left:0;     margin-bottom: 0;}
.top-nav-lft ul li{display:inline-block; margin-right:20px;}
.top-nav-lft ul li .fa{margin-right:5px; font-size: 16px; text-align: center;
    background: #1e73be;
    padding: 11px 15px;}

.top-nav-rht ul{list-style:none; padding-left:0; text-align:right;     margin-bottom: 0;}
.top-nav-rht ul li{display:inline-block; margin-left:-1px;  position:relative; background: #1e73be;}
.top-nav-rht ul li .fa{text-align: center;
    padding: 12px 15px; transition:0.5s; z-index:9; position:relative;}
	
.top-nav-rht ul li:before{position:absolute; top:40px; left:0; background:#1e73be; width:100%; height:100%; transition:0.5s; content:"";}
	
.top-nav-rht ul li:hover:before{background:#1e73be; transition:0.5s; top:0;}
.top-nav-rht ul li:hover .fa{color:#111111;}

/*
.navbar-nav>li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    background: #2f67a1;
    transition: 0.5s;
}

.navbar-nav>li:hover:after {
    top: 0;
    height: 100%;
    transition: 0.5s;
}

.navbar-nav>li:hover a{z-index: 9; position:relative; color:#fff !important;}

.navbar-nav>li:hover .dropdown-menu a{z-index: 9; position:relative; color:#000 !important;}
.navbar-nav>li .dropdown-menu a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu li a{color:#fff !important;}
.navbar-nav>li:hover .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu li:hover a{color:#fff !important;}


.navbar-default{border:0; background:#fff;}
.navbar .navbar-right{    margin-top: 15px;     font-size: 15px;}
.navbar-default{    margin-bottom: 20px;}
.navbar-default .navbar-nav > li > a:hover{ background:#000; color:#fff;}

*/

#HeaderControl.navbar-fixed-top{    height: 90px;
    float: Left;
    position: fixed;
    width: 36%;
    padding: 0;
    padding-left: 0;
    background: rgba(255,255,255,0.94);
    z-index: 99;
    text-align: left;     box-shadow: 0px 1px 3px #ccc; transition:0.5s;}
	
.body-fx #MenuControl{    height: 90px;
    float: Right;
        position: fixed;
    right: 0;
    width: 64%;
    padding: 0;
    padding-right: 0;
    background: rgba(255,255,255,0.94);     box-shadow: 2px 1px 3px #ccc; transition:0.5s;}
	
	
#MenuControl, #HeaderControl{transition:0.5s;}
	
.body-fx #HeaderControl .rdCenter{    background: transparent !important;}
.body-fx #MenuControl .rdCenter{    background: transparent !important;}
.body-fx .navbar-default{background: transparent !important;}
.body-fx .logo-web{      transition: 0.5s;
    padding-left: 15px;
    width: 294px;
    max-width: 100%;
    float: inherit;
    padding-bottom: 15px;
    margin-top: -6px;}
	
#FooterrControl1_tr_hitCounter{
    padding-top: 0 !important;}
	
.body-fx #HeaderControl, .body-fx #HeaderControl_C, .body-fx #MenuControl_C, .body-fx #MenuControl{height:76px !important; transition:0.5s;}
.navbar-nav>li{transition:0.5s; position: relative;}
.body-fx .navbar-nav>li{    transition: 0.5s;
    padding: 28px 0;}
	
.body-fx #HeaderControl .IE8Fix{text-align:center !important;}






/*banner*/
.banner-main{position:relative;}
.banner-main:before{    content: '';
    position: absolute;
    left: 0px;
    top: -23px;
    width: 100%;
    height: 34px;
    background: url(../image/border-nice.png);
    z-index: 2;}
	
.banner-main:after{    content: '';
    position: absolute;
    left: 0px;
    bottom: -23px;
    width: 100%;
    height: 34px;
    background: url(../image/border-nice.png);
    z-index: 2;}
/*banner*/


.head-main{     color: #111111;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 30px;
	line-height:35px;
    padding-bottom: 10px;
    margin-bottom: 30px; text-align:center;}
	
.head-main span span{      color: #1e73be;
    font-weight: bold;
    font-size: 28px; position:relative;}
	
.head-main span{}
.head-main span span:after{
	    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 1px;
    background: #111111;
    bottom: -10px;
    margin: 0 auto;
    right: 0;
}

.head-main span span:before{
	    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
    bottom: -10px;
    margin: 0 auto;
    right: 0;
}

.hm-about{text-align:center; margin-top:20px;}
.hm-about-inner{margin-top:0px; transition:0.5s; position:relative; overflow:hidden; margin-top:20px;}
.hm-about-cnt{border: 1px solid #ccc; }
.hm-about-cnt p{ padding:0 5px;}
.hm-about-inner h3{margin-top: 50px;}
.hm-about-inner a{    color: #1e73be;
    font-size: 15px;
    font-style: italic;
    text-decoration: none;}
	.hm-about-inner a:hover{    color: #fff;
	text-decoration:none;
	
	}
h4.box-imgs{margin-bottom: -45px; z-index:9; position:relative; text-align:center;}
	
h4.box-imgs .imgs{width: 100px; min-height:100px; background: #1e73be;
    color: #fff; 
    border-radius:60px;
    border: 5px solid #fff;
    box-shadow: 0px -1px 2px #ccc; font-size:60px;}

.hm-about-inner:after{    content: "";
    left: -100%;
    top: 45px;
    width: 50%;
    height: 100%;
    background: #1e73be;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:before{    content: "";
    right: -100%;
    top: 45px;
    width: 50%;
    height: 100%;
    background: #1e73be;
    transition: 0.5s;
    position: absolute;}	
	
.hm-about-inner:hover{transition:0.5s; color:#fff;}
.hm-about-inner:hover:after{opacity:1; left: 0%; transition: 0.4s;}
.hm-about-inner:hover:before{opacity:1; right: 0%; transition: 0.4s;}
.hm-about-cnt{position:relative; z-index:1;}
.hm-about-inner:hover p{color:#fff; transition: 0.4s;}


/*Service*/
.hm-service{background:url(../image/ser-bg.jpg); background-attachment:fixed; background-size:cover; position:relative; padding: 40px 0 60px; margin-top:40px;     overflow: hidden;}
.hm-service .head-main span, .hm-service .head-main{color:#fff;}
.hm-service .head-main span span:after{    background: #1e73be;}
.hm-service:before{background:rgba(0, 0, 0, 0.8); content: ''; position: absolute; left:0; top:0; width:100%; height:100%;}
.hm-service-inner{position:relative; width:100%; overflow:hidden; margin: 15px 0; height: 250px;}
.hm-service-img{height:100%;}
.hm-service-inner img{width:100%; min-height:100%;}
.hm-service-cnt{position:absolute; top:0; height:100%; left:0; width:100%; color:#fff; background:rgba(175, 15, 35, 0.8); transition:0.5s; text-align:center; opacity:0;}
.hm-service-inner:hover .hm-service-cnt{opacity:1;}
.hm-service-cnt p{color:#fff;}

.hm-service-cnt:before{    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 12px;
    background: url(../image/top-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-cnt:after{    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 12px;
    background: url(../image/bottom-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:before{    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width:12px;
    height: 0;
    background: url(../image/left-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:after{    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 12px;
    height: 0;
    background: url(../image/right-img.png);
    opacity: 0;
    visibility: hidden; 
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; z-index:1}
	
.hm-service-inner:hover .hm-service-cnt:before{    opacity: 1;
    visibility: visible;
    width: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover .hm-service-cnt:after{    opacity: 1;
    visibility: visible;
    width: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover:before{    opacity: 1;
    visibility: visible;
    height: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover:after{    opacity: 1;
    visibility: visible;
    height: 100%;
	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
	
.hm-service-inner:hover .hm-service-cnt h3{    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);}
	
.hm-service-cnt h3{    -webkit-transform: translateY(-130px);
    -moz-transform: translateY(-130px);
    -ms-transform: translateY(-130px);
    -o-transform: translateY(-130px);
    transform: translateY(-130px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;     margin-top: 48px; font-weight: bold;}
	
.p-bx{    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; padding:15px;}
	
.hm-service-inner:hover .p-bx{-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);}
	
.hm-service-cnt .rd-mr a{padding: 3px 10px;
    color: #fff;
    text-decoration: none;
    background: #1e73be;
    /* border: 1px dashed #eee; */
    font-size: 13px;
    box-shadow: 0px 0px 1px #fff;}
	
.hm-service-cnt .rd-mr a:hover{background:#333;}

.top-ser-lft{    position: absolute;
    left: -20px;
    width: 175px;
    height: 50px;
    top: 0;
    background: #fff;
    transform: skew(-30deg);
    max-width: 25%;}
	
.top-ser-rht{    position: absolute;
    right: -20px;
    width: 175px;
    height: 50px;
    top: 0;
    background: #fff;
    transform: skew(30deg);
    max-width: 25%;}
	
.bot-ser-lft{    position: absolute;
    left: -20px;
    width: 175px;
    height: 50px;
    bottom: 0;
    background: #fff;
    transform: skew(30deg);
    max-width: 25%; background: url(../image/dis-bg.jpg);}
	
.bot-ser-rht{    position: absolute;
    right: -20px;
    width: 175px;
    height: 50px;
    bottom: 0;
    background: #fff;
    transform: skew(-30deg);
    max-width: 25%; background: url(../image/dis-bg.jpg);}
	
	
.client-say-bx{padding: 40px 0 60px;
    background: url(../image/dis-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.client-say-inner .nav-tabs{float:left; width:27%;     background: #f7f2e9;
    border: 0;     border:1px solid #ddd;}
.client-say-inner .nav-tabs>li{float:initial; display:block;}
.client-say-inner .nav-tabs h4{    float: left;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;}
.client-say-inner .nav-tabs h4 img{width:100%; height:100%;}
.client-say-inner .nav-tabs h5{    float: left;
    font-size: 16px;
    font-weight: bold; line-height: 18px;
    margin-top: 25px;}
.client-say-inner .nav-tabs h5 span{    font-style: italic;
    font-weight: normal;
    display: block;
    font-size: 12px;
    color: #999;}
.client-say-inner .nav-tabs>li a{border:0; margin-right:0; border-radius:0; border-bottom:1px solid #ccc; color:#333;}
.client-say-inner .nav-tabs>li.active a, .client-say-inner .nav-tabs>li.active a:hover{    background: #60355c;
    color: #fff;
    border-radius: 0;
    border: 0; margin-right:0; border-bottom:1px solid #60355c;}
.client-say-inner .nav-tabs>li a:hover{background:transparent; color:#333; border-bottom:1px solid #ccc; }
.client-say-inner .nav-tabs>li.active{position:relative;}
.client-say-inner .nav-tabs>li.active:after{    content: "";
    right: -10px;
    background: #60355c;
    width: 30px;
    height: 30px;
    top: 34%;
    position: absolute;
    transform: rotate(45deg);}
	
.client-say-inner .tab-content{    float: left;
    width: 73%;
    background: #fcf9f6;
    border: 1px solid #ddd; border-left:0;}
.client-say-inner .tab-content>.tab-pane{    padding: 40px 40px;
    text-align: center;     min-height: 420px; }
.line-bx img{    opacity: 0.2;}
.line-bx{    margin-bottom: 30px;}

.client-say-inner .tab-content p{     color: rgba(45, 45, 45, 0.6);
    font-size: 19px;
    line-height: 33px;}
	
.client-say-inner .tab-content h3{    color: #60355c;
    font-weight: bold;
    font-size: 17px; margin-bottom: 30px; margin-bottom: 40px;}
	
	
.qyery-hm {
    background: url(../image/query-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0 50px;
    background-attachment: fixed;
	position: relative; overflow: hidden;
}

.overlay-bg {
    background: rgba(0,0,0, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.qyery-hm .container-middle {position:relative; z-index:1;}

.qyery-hm:before{ background: url(image/two-sided.png);
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 35px; z-index:1}
	
.qyery-hm:after{    background: url(image/two-sided.png);
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 35px; z-index:1}

.qyery-hm h4 {
    margin-bottom: 0;
    font-size: 31px;
    font-weight: normal;
    font-family: cursive;
    color: #ccc;
    text-align: center;
}

.qyery-hm h4 strong {
    font-family: sans-serif;
    font-size: 44px;
    color: #fff;
}

.qyery-hm h4 span {
    font-family: sans-serif;
    background: #1e73be;
    color: #fff;
    font-size: 18px;
    padding: 8px 17px;
    vertical-align: super;
    margin-top: 10px;
    top: 31px;
    border-radius: 45px;
    margin-left: 30px;
    border: 2px solid rgba(0,0,0,0.5);
    transition: 0.5s;
}
.qyery-hm h4 span a {
    COLOR: #FFF; text-decoration:none; text-transform:uppercase;
}
.qyery-hm h4 span:hover {
    background: #333;
    transition: 0.5s;
}


.team-col-main{padding-top: 25px;
    padding-bottom: 35px; background: url(../image/dis-bg.jpg); background-attachment:fixed; background-size:cover;}
.team-col{  margin-top: 15px;}
	
.team-img{ width:98%;
text-align:center;
background:#fff;
    max-height: 300px;
    overflow: hidden;
    border: 5px solid rgba(30, 170, 16, 0.5);
    box-shadow: 5px 6px 5px #ccc;}
	
.team-img img{ transition:0.5s; height:200px;}

.team-col:hover .team-img img{transition:0.5s; transform:scale(1.1);}

.team-cnt{float: right;
    width: 100%}
	
.team-cnt h2{ text-align:left ;}
.info-btn{ text-align:center ;}
	
.team-cnt h3{color: #3a4145;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0px;}
	
.team-cnt h4{font-weight: normal;
    font-style: italic;
    color: #888888;
    margin-bottom: 10px; text-transform: none;}
	
.info-btn a{font-weight: bold;
    color: #1e73be;
    text-transform: uppercase;
    font-size: 13px;}
	
.team-hm{padding: 40px 0 50px;}


footer{ background: #222;
    position: relative;
    border-top: 10px solid #222;
    box-shadow: -5px -2px 5px #999;}
	
.cont-ft:after{    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background: #0a5ea7;}

.cont-ft{background: #0a5ea7;
    color: #fff; position:relative; z-index:1; padding-top: 30px;
    padding-bottom: 10px; text-align:center;}
	
.links-use{padding-top: 32px;}
	
.cont-ft ul{padding-left:0; list-style:none; margin-top: 16px; margin-bottom: 0;}
.cont-ft ul li{background: #333; margin-bottom:10px; position:relative; padding: 5px 0; padding-left: 44px; text-align:left;}
.cont-ft ul li .fa{ position: absolute;
    left: 0;
    width: 35px;
    text-align: center;
    height: 100%;
    line-height: 29px;
    font-size: 17px;
    background:#1e73be;
    top: 0;}
	
.cont-ft ul li:first-child .fa{line-height: 50px;}
.ft-head{    color: #fff;
    border-bottom: 1px dashed #eee;
    margin-top: 0;
    margin-bottom: 18px;
    padding-bottom: 8px;}
	
.links-use ul{    padding-left: 25px;     font-weight: 300; margin-bottom: 0;}
.links-use ul li a{color:#eee;}
.links-use ul li{margin-bottom:11px; transition:0.5s;}
.links-use ul li:hover{padding-left:10px; color:#fff; transition:0.5s;}
.links-use ul li:hover a{color:#fff;}

.copyrht{    background: #0a5ea7;
    color: #fff;     font-size: 13px; padding: 8px 0;}
	
.copyrht a{color:#ccc; text-decoration:none;}
.copyrht a:hover{color:#fff; text-decoration:none;}



.top{ position: fixed;
    right: 18px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #1e73be;
    padding: 10px 10px;
    z-index: 99;
    border-radius: 50%;
    border: 2px solid #fff; cursor:pointer; opacity:0; transition:ease-in 0.5s;}
	
.top.scll-top{opacity:1; transition:ease-in 0.5s; bottom: 50px;}
	
.top .fa{display:block !important;}


.btn-dis{text-align:center; margin-top:20px;}
.btn-dis a{    background: #1e73be;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none; transition:0.5s;}
	
.btn-dis a:hover{background:#263240; color:#fff; text-decoration:none; transition:0.5s; border-radius:10px;}

.hm-Contact{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:24px; text-align:left;}
.hm-Contact h2{ text-align:left; font-size:20px; font-weight:600; line-height:30px; margin:0;}
.hm-Contact P{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#222; font-weight:normal; line-height:24px; text-align:left;}

@media(max-width:1024px){
.nav>li>a{    padding: 10px 10px;}	
.hm-service-cnt h3{    margin-top: 36px;}
	}
	
@media(max-width:769px){
.navbar-right{ margin-right: 0px;     width: 100%;}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0;}
.navbar .navbar-right {
    margin-top: 25px;
}
.nav>li>a{    padding: 10px 18px;}	
.team-img{max-height:inherit;}
.cont-ft ul li:first-child .fa {
    line-height: 30px;
}
	}
	
@media(max-width:736px){
.top-nav-lft{float:left; width:70%;}	
.top-nav-rht{float:left; width:30%;}
.navbar-brand{height:inherit;}
.navbar-default{margin-bottom:0;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #ad1215; background-color: #ad1215; margin-top: 27px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0;}
.navbar .navbar-right {
    margin-top: 0;
}
.navbar-nav {
    margin:0;
}
.nav>li{background: #263240;}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
    padding: 6px 20px;
}

.team-cnt h3{font-size: 24px;}

}
	

@media(max-width:568px){
.top-nav-lft{width:100%;}	
.top-nav-rht{display:none;}
#demo-1{height: 270px !important;}
.head-main span span{font-size: 26px;}
.navbar-default .navbar-toggle{margin-right: 30px !important;}
}
	
@media(max-width:480px){
.qyery-hm h4{font-size: 24px;}	
.qyery-hm h4 strong{font-size: 32px;}
.qyery-hm h4 span{margin-left: 0px;}
.copyrht-lft{text-align:center; width:100%; margin-bottom:5px;}
.copyrht-rht{text-align:center; width:100%;}
.contact-inner h1{ padding:0 5% !important;}
.contact-inner h2{ padding:0 5% !important;}

.head-banner{ font-size: 18px !important;}
.head-banner span{ font-size:18px !important;}
.head-banner h2{ font-size:18px !important; line-height: 1em;}
.camera_wrap img{ height:250px !important;}
.navbar-default .navbar-toggle{margin-right: 27px !important;}

}
	
@media(max-width:414px){
.team-img {
    height: 250px; width:100%;
}
.team-img img{height:100%;}	
.team-cnt{width:100%; margin-top:10px;}
.navbar-default .navbar-brand{padding-left: 10px; padding-right: 0;}

.head-banner{ font-size: 18px !important;}
.head-banner span{ font-size:18px !important;}
.head-banner h2{ font-size:18px !important; line-height: 1em;}
.camera_wrap img{ height:250px !important;}

	
	}
	
@media(max-width:375px){
.top-nav{display:none;}
.head-main span span {
    font-size: 21px;
}

.head-main{font-size: 18px;}

.head-banner span{font-size: 16px !important;}
.head-banner{font-size: 16px !important; left: 18% !important; top: 20%;}
.copyrht-lft, .copyrht-rht{font-size: 11px;}

.fl-head h2{    font-size: 23px;}
.main-table td{ width:98% !important;}
.qyery-hm h4{font-size: 16px !important;}
qyery-hm h4 strong {font-size: 22px !important;}
.qyery-hm h4 span{font-size: 12px !important;}
.main-table{ width:90% !important;}

}
@media(max-width:320px){	
.camera_wrap{ height: 250px !important;}
.head-banner span{font-size: 16px !important;}
.head-banner{font-size: 16px !important; left: 18% !important; top: 20%;}
.main-table{ width:90% !important;}
	
}