/*
//////////////////////////////////////////////////////

FREE HTML5 TEMPLATE 
DESIGNED & DEVELOPED by FREEHTML5.CO

//////////////////////////////////////////////////////
*/



/* 21-1-2019*/
body{margin:0px;    overflow: hidden;}
p{font-family: 'Open Sans', sans-serif!important;font-size: 16px!important;}
h1{font-family: 'Open Sans', sans-serif!important;font-size: 30px!important;font-weight: 400!important;text-transform: uppercase;}
h2{font-family: 'Open Sans', sans-serif!important;font-size: 24px!important;font-weight: 400!important;margin-left: 0px!important;}
@media screen and (max-width: 1500px){
    .carousel-caption{top:18%!important;}
    .carousel-indicators{bottom: 140px!important;}
    .test2_container{background-repeat: round;}
        .test2_container{margin-top:-6px!important;}
}

@media (max-width:1400px) and (min-width:1300px) {
    .carousel-caption{top:18%!important;}
    .carousel-indicators{bottom: 115px!important;}
    .test2_container{margin-top:-6px!important;}

}

@media screen and (max-width: 1366px){
    .carousel-caption{top:17%!important;}
    .carousel-indicators{bottom: 40px!important;}
    .test2_container{margin-top:-6px!important;}

}

.carousel-indicators{bottom: 50px!important;}
.wrapper{width: 100%;height:auto;margin:auto;background-color: #fff;}
.slider_container{width: 100%;height:591px;margin: auto;overflow: hidden;}
.butn1{background-color: transparent;color: #fff;border: 1px solid #31a645!important;width: 200px;margin-top:50px;
		border-radius:8px;font-size: 14px!important;font-family: 'Open Sans', sans-serif;}
.butn1:hover{background-color:#31a645;color:#fff;}

.header_container{width: 100%;height:auto;margin:auto;background-color: #f5f5f5;}
.header{width: 94%;height:74px;margin:auto;}
.logo{width:284px;height:56px;margin:auto;float: left;margin-top: 8px;}
.menubar{width: 70%;height: 54px;margin:auto;float: right;margin-top:10px;}
.menu{width: 100%;height:auto;margin:auto;float:left;}
.menu1{width: 18%;height: 54px;margin: auto;float: left;list-style: none;margin-left:10px;text-align: center;padding-top:18px;
		font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 16px;text-transform: uppercase;}
.menu1 a{color:#696b6c;}
.menu1 a:hover{text-decoration: none;color:#3a8dc7;}
.a1{color:#3a8dc7!important;}
/*---------.carousel_modifications-----------*/
.carousel-caption{top:24%;}
.carousel-caption h1 {font-size: 50px!important;color:#17cc36 /*#31a645*/;width: 80%;margin: auto;line-height: 70px;font-weight: 800;height: 130px; overflow: hidden;
						font-family: 'Open Sans', sans-serif;text-transform: uppercase;}
.carousel-caption p{margin-top:60px;font-size: 24px;font-family: 'Open Sans', sans-serif;height: 64px;overflow: hidden;text-transform: uppercase;}
.carousel-indicators .active{background-color: #31a645;}
/*---------.carousel_modifications_closed-----------*/
/*-----------About_Section_Started-----------*/
.about_container{width: 100%;height:auto;margin: auto;margin-bottom:20px;}
.about{width: 96%;height: auto;margin:auto;padding-top:30px;text-align: center;}
.abt_ico{width:100%;margin:auto;text-align: center;}
.about h1{font-size: 30px;font-weight: 600;color: #2a87c6;margin-top:20px;height: 40px;overflow: hidden;}
.about hr{width: 100px;height:6px;background-color: #2a87c6;margin:auto;margin-top:20px;}
.about p{font-family: 'Open Sans', sans-serif;font-size: 16px;color:#414243;width: 80%;margin:auto;margin-top:20px;height: 150px;overflow: hidden;text-align: justify;}
/*-----------About_Section_Closed-----------*/

/*-----------Test_Section_Started-----------*/
.test_container{width: 100%;height: 448px;background-image: url(/Images/Design-Images/images/test.png);background-attachment: fixed;
				background-position: center;background-repeat: no-repeat;background-size: cover;}
.test{width:90%;height:auto;margin:auto;text-align: center;}
.test h1{color:#fff;font-size: 40px;font-weight: 800;font-family: 'Open Sans', sans-serif;padding-top:90px;height:140px;overflow: hidden;}
.test p{width: 80%;height: 210px;overflow:hidden;color:#fff;font-family: 'Open Sans', sans-serif;font-size: 16px;padding-top:60px;margin:auto;text-align: justify;}
/*-----------test_Section_closed-----------*/
/*-----------Service_Section_started-----------*/
.service_container{width: 100%;height:550px;background-color: #218edb;margin:auto;}
.service{width: 90%;height: auto;margin:auto;padding-top:44px;}
.service h1{font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-size: 30px;font-weight:600;color:#fff;margin-left: 0px;}
.service_box{width:100%;height:400px;margin:auto;margin-top:40px;background-color: #218edb;}
.service_box1{width: 100%;height:400px;background-color: #218edb;padding: 20px 20px;}
.srvc_ico{width: 119px;height: 119px;}
.service h3{font-size: 20px;font-weight: 400;color: #fff;margin-top:20px;height: 30px;overflow: hidden;}
.service p{font-family: 'Open Sans', sans-serif;font-size: 16px;color:#fff;width: 100%;margin:auto;margin-top:20px;height: 150px;overflow: hidden;text-align: justify;}
.service h2{font-size: 15px;color: #b1e8bb;margin-top:0px;height: 30px;overflow: hidden;margin-left: 236px;text-decoration: none;}
.service_box1 a{color:#bdde96;float: right;}
.service_box1 a:hover{text-decoration: none;color:#90f715;}
/*-----------Service_Section_closed-----------*/
/*-----------test2_Section_started-----------*/
.test2_container{width: 100%;height: 754px;background-image: url(/Images/Design-Images/images/test1.png);margin: auto;}
.test2{width: 70%;height: auto;margin: auto;text-align: center;padding-top: 10%;}
.test2 h1{font-family: 'Open Sans', sans-serif;font-size: 40px;font-weight:600;color:#31a645;margin-left: 10px;line-height: 60px;  }
.test2 hr{width: 300px;height:6px;background-color: #2a87c6;margin:auto;margin-top:0px;border: none;}
.test2 p{font-family: 'Open Sans', sans-serif;font-size: 16px;color:#fff;width: 100%;margin:auto;line-height: 35px;margin-top:40px;height: 204px;overflow: hidden;text-align: justify;}
/*-----------test2_Section_closed-----------*/

.pad1{padding-top: 70px;}

.pad3{margin-bottom: -85px;}


/*-----------test3_Section_started-----------*/
.test3_container{width: 100%;height: 560px;background-color: #fff;margin: auto;}
.test3{width: 90%;height: auto;margin: auto;}
.test3 h1{font-family: 'Open Sans', sans-serif;font-size: 35px;font-weight:400;color:#31a645;margin-left: 10px;line-height: 50px;}
.test3 p{font-family: 'Open Sans', sans-serif;font-size: 16px;color:#000;width: 80%;margin:initial;margin-top:30px;line-height: 35px;height: 150px;text-align:justify;margin-left: 10px;}
.tst3_img{width: 379px;height: 381px;margin: auto;padding-top:60px;}
.test3_sub{width: 100%;height:auto;margin:auto;padding-top: 80px;}
/*-----------test3_Section_closed-----------*/



.pad2{margin-top: 60px;}
/* Style the tab */
.tab {
    overflow: hidden;
    padding: 0px 50px;
    background-color: #208edb;
    color: #fff;
}

/* Style the buttons inside the tab */
.tab button {
    background-color:#0e68a7;

    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 85px;
    transition: 0.3s;
    font-size: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #0e68a7;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color:#71bf47;
}

/* Style the tab content */
.tabcontent {
	min-height: 361px;
    height:auto;
    display: none;
    padding: 6px 12px;
    background-color:#71bf47;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 35px;
}
.tabcontent p{width: 94%;margin:auto;text-align: justify;padding-top: 30px;}
/*-----------footer_Section_started-----------*/
.footer_container{width: 100%;height: 319px;margin: auto;background-image: url(/Images/Design-Images/images/ftr.png);}
.footer{width: 90%;height: auto;margin: auto;text-align: center;}
.footer h1{font-family: 'Open Sans', sans-serif;font-size: 34px;font-weight:600;color: #fff;margin: auto;text-align: center;padding-top: 90px;}
.footer hr{width: 150px;height:6px;background-color: #71bf47;margin:auto;margin-top:16px;border: none;}
/*form{width: 300px;margin: auto;margin-top:20px;}*/
.input1{width: 300px;height: 35px;border-radius: 8px;border: none;background-color: rgba(0, 0, 0, .4);color:#fff;padding-left:10px;margin-top: 30px;}
.btn1{width: 150px;height: 35px;border-radius: 8px;border: 1px solid #71bf47;margin-top: 30px;background-color:transparent;color:#fff;font-size:14px;}
.input1{width: 300px;height: 35px;border-radius: 8px;border: none;background-color: rgba(0, 0, 0, .4);color:#fff;padding-left:10px;margin-top: 30px;}
.btn1:hover{background-color:#71bf47; color:#fff;}
/*-----------footer_Section_closed-----------*/

/*-----------copy_Section_started-----------*/
.foot_pa{padding-bottom: 57px;width: 100%;}
.copy_container{width: 100%;height: 57px;margin:auto;background-color: #333;position: fixed;bottom: 0;}
.copy{width: 90%;height:57px;margin: auto;padding-top: 5px;}
.copy h4{width:30%;font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight:400;color:#fff;float: left;margin-top: 15px;}
.footermenu{width: 70%;float: right;}
span{color:#71bf47;font-family: 'Open Sans', sans-serif;font-weight:400;}
.foot_menu{width: 100%;height:auto;margin:auto;float:left;}
.foot_menu1{width: 18%;height: 50px;margin: auto;float: left;list-style: none;margin-left:10px;text-align: center;padding-top:14px;
        font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 16px;text-transform: uppercase;}
.foot_menu1 a{color:#696b6c;font-size: 14px;}
.foot_menu1 a:hover{text-decoration: none;color:#71be47;}
.a2{color:#71be47!important; }
.menu_res{width: auto;float: right;display: none;}
/*.Subscribe{width: 300px;height: 50px;margin: auto;border: 1px solid #71bf47; margin-top: 40px;}*/
/*-----------copy_Section_closed-----------*/

w3-animate-top{transition-delay: 5s;}

.abt_cntr2{width: 96%;height:auto;margin:auto;}
.abt_p1{height: auto!important;width: 96%!important;text-align: justify!important;}
.abt_cntr{height:auto!important;margin-bottom: 40px;}
.abt_sub{width: 100%;height:530px;margin:auto;background-color:#2a87c6;margin-bottom: 40px;padding-bottom: 20px;overflow: hidden;}
.sub2{background-color: #71bf46;}
.abt_imge{width: 100%;height:250px;margin:auto;}
.abt_img_res{width:100%;height: 250px;margin:auto;}
.abt_sub h1{width: 100%;height:auto;margin:auto;color:#fff;font-size: 20px!important;font-family: 'Open Sans', sans-serif;font-weight: 600;padding:10px  20px;text-transform: capitalize;}
.abt_sub hr{width: auto;height: 3px;background-color: #fff;border:none;margin: auto; margin: 0px 20px;}
.abt_sub p{width: 100%;height:auto;margin:auto;color:#fff;font-size: 16px!important;font-family: 'Open Sans', sans-serif;padding:10px 20px;text-align: justify;}

.google_map{width: 100%;height:400px;margin:auto;background-color: #fff;border-top: 5px solid #71bf47;}

.footer h5{color:#71bf47;margin:auto; float: left;font-size: 26px;font-weight: 600;width:100%;text-align: left;padding-top:20px;}
.footer p{width: 100%;margin: auto;float: left;text-align: left;color: #fff;padding-top:16px;}

.ft_input1{width: 100%;height: 37px;border-radius: 8px;border: none;background-color: rgba(0, 0, 0, .4);color:#fff;padding-left:10px;margin-top: 14px;}
.ft_btn1{width: 150px;height: 35px;border-radius: 8px;border: 1px solid #71bf47;margin-top: 16px;background-color:transparent;
            color:#fff;font-size:14px;float: right;margin-right: 2%;}
.ft_btn1:hover{background-color: #71bf47;color: #fff;border:0px;}
.ft_input2{width: 100%;height:90px;border-radius: 8px;border: none;background-color: rgba(0, 0, 0, .4);color:#fff;padding-left:10px;margin-top: 14px;}
.form1{width: 100%;height: auto;margin:auto;}
.hr2{margin-top:14px!important;margin-bottom: 14px!important;}
.h1_1{padding-top:20px!important;}
.abt_sub:hover{-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);}
a:hover{text-decoration: none;}

.li1{list-style: none;color: #71bf47;font-size: 16px;float: left;margin-top: 14px;margin:auto;width: 100%;text-align: left;}


.ser_bx1{height: auto!important;}

.service_box_foot{width: 100%;height: 400px;margin:auto;background-color: #fff;}



.text_box{width: 70%;height:auto;margin:auto; float: left;}
.text_ico{width: 30%;height:auto;margin:auto;float:left;}

@media screen and (max-width: 1280px){
    .carousel-indicators {bottom: 10%!important;}
    .slider_container{height: 555px;}
    .tab button{padding: 20px 73px;}
    .footermenu {width: 55%;}
    .copy h4{width: 45%;}
    .abt_sub p{font-size: 13px;}
    .test3_container {
    height:600px;}


}

@media screen and (max-width: 1100px){
    .carousel-caption {top: 5%;}
    .carousel-caption h1{font-size: 40px;margin-top: 65px;line-height: 55px;}
    .carousel-caption p{font-size: 22px;margin-top: 15px;}
    .carousel-indicators{bottom: 25px!important;}
    .slider_container{height:auto;}
    .butn1{font-size: 20px!important;margin-top: 20px;}
    .service_container{height: 625px;}
    .service h1{font-size: 27px;}
    .test h1 {font-size: 35px;padding-top: 100px;}
    .test p{font-size: 18px;padding-top: 30px;}
    .test2_container{margin-top:-10px;height:618px;background-image: url(/Images/Design-Images/images/test2.png);}
    .test2{margin-top: -100px;padding-top: 7%;}
    .tab button{padding:20px 64px;font-size: 20px;}
    .footermenu{width:60%;}
    .footer h1{font-size: 30px;}
    .copy h4{width:40%;font-size: 17px;}
    .foot_menu1{padding-top:10px;}
    .tab button{}
    .tabcontent p{width: 92%;font-size: 16px;}
    .img-resp{width:80%;height:300px;}
    .test3_sub{padding-top:70px;}
    .test3 h1{font-size: 30px;}
    .test3 p{font-size: 17px;}
    .test2 h1{font-size: 32px;}
    .about p{height: 162px;text-align: center;}
    .foot_menu1 a{font-size: 12px;}
    .menu1{font-size: 12px;}
}
@media screen and (max-width: 1024px){
    .carousel-caption h1{font-size: 36px;line-height: 60px;margin-top: 12px;}
    .carousel-caption p{font-size: 20px;margin-top: 15px;}
    .carousel-indicators{bottom: 35px!important;}
    .butn1{font-size: 16px!important;}
    .tab button{padding: 16px 62px;}
    .tab{padding: 0px 22px;}
    .abt_sub p{font-size: 13px;}
    .abt_img_res, .abt_imge{height: 200px;}

}


@media screen and (max-width: 1000px){
    .carousel-caption h1{font-size: 30px;line-height: 50px;}
    .carousel-caption p{margin-top: 0px;}
    .butn1{font-size: 20px!important;margin-top: 20px;}
    .slider_container{height:484px;}
    .logo{width: 30%;}
    .about p{height: 163px;}
    .test h1{font-size: 35px;}
    .test p{height: 223px;font-size: 18px;padding-top: 30px;}
    .service h1{font-size: 28px;}
    .icon_res{width:100px; ;height:100px;}
    .srvc_ico{height:100px;}
    .test2_container{margin-top:-80px;height:557px;background-image: url(/Images/Design-Images/images/test3.png);}
    .service_container{height:626px;}
    .test2{padding-top:5%;}
    .tst3{width: 200px;height: 200px;}
    .img-resp{width:200px;height:200px;}
    .test3 h1{font-size: 28px;line-height: 45px;}
    .test3 p{height: 203px;font-size: 16px;}
    .tst3_img{width: 100%;}
    .test3_sub {padding-top: 70px;}
    .tab button {font-size: 19px;padding:20px 53px;}
    .tabcontent p{width: 92%;padding-top: 25px;}
    .footer h1{font-size: 28px;}
    .copy h4 {font-size: 18px;margin-top: 13px;width:30%;}
    .footermenu{width:70%;}
    .foot_menu1{padding-top: 13px;}
}


@media screen and (max-width: 960px){
    .carousel-caption p {font-size: 20px;}
    .butn1 {font-size: 18px!important;}
    .header_container {margin-top: -20px}
    .icon_respe{width: 100px;height: 100px;}
    .about h1{font-size: 28px;}
    .about p{font-size: 17px;}
    .about hr{height: 4px;}
    .test h1{font-size: 32px;}
    .test p {font-size: 17px;padding-top: 20px;}
    .service {font-size: 26px;}
    .icon_res{width: 80px;height: 80px;}
    .service{font-size: 18px;}
    .srvc_ico{height:80px;}
    .service_box1{height:380px;}
    .service h1{font-size: 24px;}
    .service_box {margin-top: 10px;}
    .service p{font-size: 13px;height: 220px;margin-top: 10px;}
    .service{font-size: 16px;margin-left: 45px;}
    .test2 h1{font-size: 29px;line-height: 46px;padding-top: 8%;}
    .test2 hr{height: 4px;margin-top: 20px;}
    .test2 p{font-size: 16px;margin-top: 20px;height: 220px;line-height: 32px;}
    .img-resp{width: 180px;height: 180px;margin-left: 40px;margin-top: 30px;}
    .test3_container{height: 540px;}
    .test3 h1{font-size: 23px;line-height: 38px;margin-top: 12px;}
    .test3 p{font-size: 15px;width: 95%;}
    .tab{padding: 0px 32px;}
    .footer h1{font-size: 26px;}
    .footer hr{height: 4px;}
    .btn1{font-size: 15px;}
    .copy h4{font-size: 16px;margin-top: 15px;}

}


@media screen and (max-width: 850px){
    .carousel-caption h1{font-size: 29px;line-height: 40px;}
    .carousel-caption p{font-size: 16px;height: 75px;margin-top:-30px;}
    .slider_container{height: 386px;}
    .carousel-indicators{bottom: 12px!important;}
    .butn1{font-size: 15px!important;margin-top: 10px;width: 150px;}
    .logo_res{width: 160px;}
    .logo{height: 45px;margin-left: 12px;width: 22px;margin-top: 9px;}
    .menubar{margin-top: 0px;}
    .menu1{margin-left: 8px;font-size: 12px;}
    .header{height: 50px;margin-top: 20px;}
    .tst3_img{width: 100%;}
    .about p{font-size: 15px;}
    .about h1{font-size: 26px;}
    .test h1{font-size: 29px;padding-top: 75px;}
    .test p{font-size: 16px;padding-top: 0px;}
    .test_container{height: 383px;}
    .service {font-size: 26px;}
    .icon_res{width: 80px;height: 80px;}
    .service{font-size: 18px;}
    .srvc_ico{height:80px;}
    .service_box1{height:380px;}
    .service h1{font-size: 24px;}
    .service_box {margin-top: 10px;}
    .service h3{font-size: 17px;}
    .service p{font-size: 13px;height: 265px;margin-top: 10px;}
    .service{font-size: 13px;margin-left: 45px;}
    .service_container{height: 656px;}
    .test2 h1 {font-size: 25px;line-height: 38px;padding-top: 5%;}
    .test2 hr {height: 3px;margin-top: 15px;}
    .test2 p {font-size: 15px;margin-top: 15px;height: 255px;}
    .test2_container{height: 520px;}
    .img-resp{width: 180px;height: 180px;margin-left: 25px;margin-top: 35px;}
  
    .test3 h1{font-size: 23px;line-height: 38px;margin-top: 12px;}
    .test3 p{font-size: 15px;width: 95%;}
    .col-sm-4{width: 33.33%;}
    .test3 p{font-size: 16px;line-height: 30px;}
    .test3_container{height: 570px;}
    .tab button{font-size: 17px;padding: 15px 36px;}
    .tabcontent p{padding-top: 15px;line-height: 30px;}
    .tabcontent{height: 340px;}
    .footer h1{font-size: 23px;padding-top: 44px;}
    .footer hr{height: 3px;margin-top: 30px;}
    .input1{margin-top: 15px;}
    .footer_container{height:auto;padding-bottom:40px;}
    .btn1{font-size: 16px;}
    .footer{font-size: 13px;}
    .foot_menu1{margin-left: 9px;}
    .copy h4{font-size: 16px;}
    .abt_img_res, .abt_imge{height: 360px;} 
    .ts2{height:366px!important;}

}
@media screen and (max-width: 834px){
    .test_container {height: auto; padding-bottom: 60px;}
    .test3_sub{padding-top:40px;}
}

@media screen and (max-width: 768px){
    .carousel-caption h1{line-height: 42px;font-size: 28px;margin-top: 0px;height:80px;}
    .carousel-caption p{font-size: 15px;height: 68px;margin-top: -25px;}
    .carousel-indicators{bottom: 10px!important;}
    .butn1{margin-top: 15px;font-size: 16px!important;width: 160px;}
    .header_container{margin-top: -23px;}
    .logo_res{width:170px;height: 35px;margin-top: 0px;}
    .menu1{width: 18%;font-size: 11px;margin-left: 9px;}
    .icon_respe{width: 90px;height: 90px;}
    .about h1 {font-size: 26px;}
    .about p{font-size: 15px;}
    .about hr {height: 2px;}
    .test_container{height: 380px;}
    .test h1 {font-size: 28px;padding-top: 80px;}
    .test p{font-size: 16px;padding-top: 0px;}
    .service{font-size: 16px;}
    .srvc_ico{height:80px;}
    .service_box1{height:260px;}
    .service h1{font-size: 21px;}
    .icon_res{width: 70px;height: 70px;}
    .service h3{font-size: 18px;}
    .col-sm-4{width: 100%;}
    .service_box{height: 960px;}
    .service_container{height: auto;}
    .service p{height: 100px;}
    .test2 h1{font-size: 24px;line-height: 34px;}
    .test2 hr{height: 3px;}
    .test2 p{height: 236px;font-size: 16px;line-height: 30px;}
    .img-resp{height: 160px;width: 160px;margin-left: 25px;}
    .test3_container{height: 570px;}
    .test3 h1{font-size:21px;line-height:34px;margin-top: 0px;}
    .test3 p{font-size: 16px;line-height: 31px;}
    .tst3_img{width: 100%;}
    .tab button{font-size: 15px;padding: 20px 41px;}
    .tabcontent p{font-size: 13px;line-height: 30px;} 
    .footer h1{font-size: 21px;}
    .btn1{font-size: 16px;}
    .footer hr{height: 2px;margin-top: 25px;}
    .input1{margin-top: 10px;}
    .footer h1{padding-top: 70px;}
    .foot_menu1{font-size: 11px;width: 17.7%;padding:15px 0px;}
    .foot_menu1 a{font-size: 11px;}
    .copy h4{font-size: 16px;}
    .ex_col{width:30%;}
    .test2_container{margin-top:48px;height: 500px;background-image: url(/Images/Design-Images/images/test4.png);}
    .test2{padding-top: 0px;width: 80%;}
    .slider_container{height: 363px;}
    .foot_menu1 a{font-size: 9px;}
    .menu1{font-size: 9px;}
    .copy {width: 98%;}
    .copy h4 {width: 35%;font-size: 12px;}
}

@media screen and (max-width: 745px){
    .carousel-caption h1{font-size: 22px;line-height: 35px;}
    .carousel-caption p{font-size: 12px;margin-top: 0px;}
    .butn1{margin-top: 0px;width: 100px;height: 30px;font-size: 12px!important;}
    .carousel-indicators .active{width: 10px;height: 10px;}
    .carousel-indicators li{width: 8px;height: 8px;}
    .slider_container {height: 290px;}
    .header_container{margin-top:0px;}
    .header{height: 50px;margin-top: 0px;}
    .head1{height: 40px!important;}
    .logo{margin-left: -20px;}
    .logo_res{width: 120px;height: 25px;margin-top: -3px;margin-left: 25px;}
    .menu1{font-size: 9px;padding-top: 7px;font-weight: 400;}
    .menu_tog{font-size: 22px;cursor:pointer}
    .icon_respe{width: 70px;height: 70px;}
    .about{padding-top: 50px;}
    .about h1{font-size: 20px;}
    .about hr{border: none;}
    .about p{font-size: 16px;height: 170px;}
    .test h1{font-size: 24px;padding-top: 60px;}
    .test p{font-size: 16px;margin-top: -40px;text-align: justify;}
    .test_container{height: 330px;}
    .service h1{font-size: 18px;}
    .icon_res{width: 65px;height: 65px;}
    .service_container{height: 1025px;}
    .service{padding-top: 30px;}
    .service p{margin-top: 0px;}
    .service_box{height: 880px;}
    .service_box1{height: 285px;}
    .tst3_img{height: auto;}
    .test2_container{margin-top:48px;height:456px;background-image: none;background-repeat: no-repeat;background-color: #000;}
    .test2 h1{font-size: 18px;line-height: 36px;padding-top: 6%;}
    .test2 hr{height: 2px;margin-top: 12px;}
    .test2 p{margin-top: 12px;font-size: 13px;line-height: 24px;}
    
    .test3_sub{padding-top: 30px;}
    .test3 h1{font-size: 18px;line-height: 30px;margin-top: 5px;}
    .test3 p{font-size: 13px;line-height: 25px;margin-top: 12px;}
    
    .tab button{font-size: 16px;padding: 13px 18px;}
    .tabcontent p{padding-top: 10px;line-height: 24px;}
    .tabcontent{height: 310px;}
    .footer h1{font-size: 18px;padding-top: 40px;}
    .footer_container{height: auto;}
    .input1{width: 260px;height: 30px;font-size: 11px;font-weight: 400;}
    .btn1{font-size: 12px;width: 130px;height: 32px;}
    .copy{height: 35px;}
    .copy h4{width:100%;text-align:center;font-size: 12px;margin-top: 5px;}
    .footermenu{display: none;}
    .foot_menu1{font-size: 10px;width: 16%;padding: 5px 0px;}
    .copy_container{height: 35px;}
    .tst3_img{width: 100%;margin: auto;text-align: center;padding-top: 0px;}
    .img-resp{width:130px;height: 130px;margin-left: 185px;margin-top: -75px;}
    .menubar{display: none;}
    .menu_res{width: 30px;height: auto;margin: auto;float: right;visibility: visible;display: unset;font-size: 25px;}

    .abt_img_res, .abt_imge{height: 290px;}

}

@media screen and (max-width: 640px){
    .carousel-caption h1{font-size: 22px;line-height: 35px;}
    .carousel-caption p{font-size: 12px;margin-top: 0px;}
    .butn1{margin-top: 0px;width: 100px;height: 30px;font-size: 12px!important;}
    .carousel-indicators .active{width: 10px;height: 10px;}
    .carousel-indicators li{width: 8px;height: 8px;}
    .slider_container {height: 290px;}
    .header_container{margin-top:0px;}
    .header{height: 50px;margin-top: 0px;}
    .head1{height: 40px!important;}
    .logo{margin-left: -20px;}
    .logo_res{width: 120px;height: 25px;margin-top: -3px;margin-left: 25px;}
    .menu1{font-size: 9px;padding-top: 7px;font-weight: 400;}
    .menu_tog{font-size: 22px;cursor:pointer}
    .icon_respe{width: 70px;height: 70px;}
    .about{padding-top: 50px;}
    .about h1{font-size: 20px;}
    .about hr{border: none;}
    .about p{font-size: 16px;height: 170px;}
    .test h1{font-size: 24px;padding-top: 60px;}
    .test p{font-size: 16px;margin-top: 0px;text-align: justify;}
    .test_container{height: 330px;}
    .service h1{font-size: 18px;}
    .icon_res{width: 65px;height: 65px;}
    .service_container{height: 1025px;}
    .service{padding-top: 30px;}
    .service p{margin-top: 0px;}
    .service_box{height: 880px;}
    .service_box1{height: 285px;}
    .tst3_img{height: auto;padding-top:60px;}
    .test2_container{margin-top:48px;height:456px;background-image: none;background-repeat: no-repeat;background-color: #000;}
    .test2 h1{font-size: 18px;line-height: 36px;padding-top: 6%;}
    .test2 hr{height: 2px;margin-top: 12px;}
    .test2 p{margin-top: 12px;font-size: 13px;line-height: 24px;}
   
    .test3_sub{padding-top: 30px;}
    .test3 h1{font-size: 18px;line-height: 30px;margin-top: 5px;}
    .test3 p{font-size: 13px;line-height: 25px;margin-top: 12px;}
    .test3_container{height: auto;padding-bottom:40px;}
    .tab button{font-size: 16px;padding: 13px 18px;}
    .tabcontent p{padding-top: 10px;line-height: 24px;}
    .tabcontent{height: 310px;}
    .footer h1{font-size: 18px;padding-top: 40px;}
    .footer_container{height: auto;}
    .input1{width: 260px;height: 30px;font-size: 11px;font-weight: 400;}
    .btn1{font-size: 12px;width: 130px;height: 32px;}
    .copy{height: 35px;}
    .copy h4{width:100%;text-align:center;font-size: 12px;margin-top: 5px;}
    .footermenu{display: none;}
    .foot_menu1{font-size: 10px;width: 16%;padding: 5px 0px;}
    .copy_container{height: 35px;}
    .tst3_img{width: 100%;margin: auto;text-align: center;padding-top: 60px;}
    .img-resp{width:130px;height: 130px;margin-left: 185px;margin-top: -75px;}
    .menubar{display: none;}
    .menu_res{width: 30px;height: auto;margin: auto;float: right;visibility: visible;display: unset;font-size: 25px;}
    .abt_img_res, .abt_imge{height: 290px;}



}
@media screen and (max-width: 480px){
    .carousel-caption h1{font-size: 17px;line-height: 25px;}
    .carousel-caption p{font-size: 10px;margin-top: -70px;}
    .butn1{margin-top: -65px;width: 78px;height: 20px;font-size: 10px!important;padding-top: 2px;}
    .carousel-indicators .active{width: 8px;height: 8px;}
    .carousel-indicators li{width: 6px;height: 6px;}
    .slider_container {height: 200px;}
    .icon_respe{width: 50px;height: 50px;}
    .about {padding-top: 20px;}
    .about p{font-size: 12px;margin-top: 10px;}
    .about hr{height: 1px;margin-top: -5px;}
    .about h1{font-size: 16px;margin-top: 10px;}
    .about_container{height: 300px;}
    .test h1{font-size: 18px;padding-top: 32px;}
    .test p {font-size: 12px;margin-top: -80px;height: 160px;}
    .test_container {height: 240px;}
    .service h3 {font-size: 15px;height: 27px;}
    .service p {font-size: 11px;}
    .srvc_ico {height: 50px;}
    .icon_res {width: 50px;height: 50px;}
    .service {font-size: 11px;margin-left: 24px;}
    .service p {height: 89px;margin-top: -15px;}
    .service_box1 {height: 250px;margin-top: -10px;}
    .service_container {height: 885px;}
    .test2_container{margin-top:48px;height:340px;background-image: url(/Images/Design-Images/images/test6.png);background-repeat: no-repeat;}
    .test2 h1{font-size: 15px;line-height: 20px;font-weight: 600;}
    .test2 hr {height: 1px;margin-top: 0px;}
    .test2 p {margin-top: 10px;font-size: 11px;line-height: 18px;}
    .test3 h1 {font-size: 15px;line-height: 23px;margin-top: -80px;}
    .img-resp {width: 110px;height: 110px;margin-left: 137px;margin-top: -125px;}
    .test3 p {font-size: 11px;line-height: 20px;margin-top: -3px;}
    .test3_container {height: 235px;}
    .tab{padding:0px 24px;}
    .tab button {font-size: 12px;padding: 5px 11px;}
    .tabcontent p {padding-top: 5px;line-height: 20px;font-size: 11px;}
    .tabcontent{height: 270px;}
    .footer h1 {font-size: 15px;padding-top: 25px;}
    .footer hr {height: 1px;margin-top: 10px!important;}
    .input1 {width: 210px;height: 25px;font-size: 10px;font-weight: 200;margin-top: 0px;}
    .btn1 {font-size: 11px;width: 120px;height: 25px;margin-top: 20px;}
    .footer_container {height: auto;}
    .copy h4{font-size: 10px;}
    .copy_container {height: 30px;}
    .copy {height: 30px;}

    .abt_sub{height: auto;}
}


@media screen and (max-width: 440px){
    .carousel-caption h1{font-size: 14px;line-height: 23px;}
    .carousel-caption p{font-size: 9px;}
    .carousel-indicators {bottom: 0px!important;}
    .slider_container {height: 200px;}
    .header {height: 40px;}
    .logo{margin-top: 4px;}
    .logo_res{margin-top: 3px;}
    .head1{height: 38px!important;}
    .butn1{margin-top: -80px;}
    .manu_res{font-size: 26px;}
    .about {padding-top: 10px;}
    .about p {height: 190px;}
    .about hr{margin-top: -10px;}
    .test p {margin-top: -90px;text-align: justify;}
    .test h1{font-weight: 400;}
    .service{margin-left: 22px;padding-top: 8px;}
    .service h1 {font-size: 15px;}
    .service p {height: 100px;text-align: justify;}
    .icon_res {width: 40px;height: 40px;}
    .service h3{margin-top: 12px;font-size: 12px;}
    .srvc_ico {height: 40px;}
    .service_box1 {height: 235px;}
    .service_container {height: 820px;}
    .test2 h1 {font-size: 14px;line-height: 18px;}
    .test3 p{line-height: 19px;text-align: justify;}
    .img-resp{margin-top: -110px;}
    .test3 h1{line-height: 20px;}
    .tab{padding: 0px 16px;}
    .tab button {font-size: 11px;padding: 5px 12px;}
    .tabcontent p{line-height: 19px;text-align: justify;}
    .footer h1{font-size: 14px;font-weight: 400;}
}


@media screen and (max-width: 414px){
    .carousel-caption h1 {font-size: 14px;line-height: 17px;height:37px!important;}
    .carousel-caption p{margin-top: -85px;height: 75px;}
    .slider_container {height: 200px;}
    .butn1{width: 67px;height: 15px;font-size: 8px!important;padding-top: 0px;}
    .carousel-indicators .active{width: 8px;height: 8px;}
    .carousel-indicators li{width: 6px;height: 6px;}
    .header {height: 30px;}
    .logo{margin-top: 1px;}
    .logo_res{width: 100px;height: 20px;margin-top: 9px;margin-left: 25px;}
    .icon_respe {width: 40px;height: 40px;}
    .test h1 {font-size: 16px;padding-top: 22px;}
    .test p {font-size: 11px;margin-top: -102px;}
    .test_container {height: 195px;}
    .icon_res {width: 30px;height: 30px;}
    .service h1 {font-size: 14px;}
    .service_box1 {height: 225px;}
    .srvc_ico {height: 33px;}
    .service_box1 {height: 211px;}
    .service_container {height: 745px;}
    .service h3{font-size: 11px;}
    .service_box {height: 700px;}
    .tst3_img{height: auto;}
    .test2 h1 {font-size: 14px;line-height: 17px;}
    .test2 hr {height: 1px;margin-top: -5px;width: 200px;}
    .test2 p {margin-top: 5px;font-size: 11px;line-height: 17px;}
    .test3 h1 {line-height: 19px;font-size: 13px;margin-top: -88px;}
    .img-resp {width: 90px;height: 90px;margin-left: 130px;margin-top: -120px;}
    .test3_container {height: 210px;}
    .tab {padding: 0px 18px;}
    .tab button{padding: 5px 7px;}
    .tabcontent p{line-height: 17px;} 
}


@media screen and (max-width: 412px){
    .about h1 {font-size: 14px;}
    .about p {font-size: 11px;}
    .logo_res{margin-top: 8px;}
    .about_container {height: 270px;}
    .test h1 {font-size: 14px;padding-top: 18px;}
    .test p{margin-top: -110px;}
    .tab {padding: 0px 20px;}
    .tab button{padding: 5px 6px;}
    .copy_container {height: 25px;}
    .copy h4{margin-top: 2px;margin-bottom: 0px;}
    span{font-weight: 200;}
    .copy {height: 25px;}
}


@media screen and (max-width: 384px){
    .carousel-caption h1{margin-top: -10px;}
    .slider_container {height: 174px;}
    .carousel-indicators {bottom: -6px!important;}
    .test_container {height: 213px;}
    .tab{padding: 0px 6.2px;}
    .tab button {padding: 5px 6.2px;}
    .copy h4{margin-bottom: 0px;}
    .copy {height: 25px;}
    .img-resp{margin-left: 116px;margin-top: -95px;}
}


@media screen and (max-width: 380px){
    .slider_container {height: 183px;}
    .carousel-indicators .active{width: 6px;height: 6px;}
    .carousel-indicators li{width: 4px;height: 4px;}
    .carousel-indicators {bottom: -1px!important;}
    .header {height: 30px;}
    .logo{margin-top: 1px;}
    .service_box1{padding: 20px 0px;}
    .test2{width: 83%;}
    .test2 p{font-size: 10px;line-height: 15px;text-align: justify;}
    .test p {width: 91%;}
    .about p{width: 91%;text-align: justify;}
    .test2_container{margin-top:48px;height:300px;background-image: url(/Images/Design-Images/images/test7.png);background-repeat: no-repeat;}
    .test2 h1{padding-top: 7%;}
    .test3 p{line-height: 18px;}
    .img-resp{margin-left: 118px;margin-top: -99px;width: 80px;height: 80px;}
    .tab{padding: 0px 6px;}
    .tab button {padding: 5px 5.5px;}
    .tabcontent {height: 293px;}
    .input1{font-size: 9px;}
    .footer h1 {font-size: 12px;font-weight: 200;}
    .btn1 {font-size: 10px;width: 97px; height: 19px;margin-top: 18px;}
    .footer_container {height: auto;}
    .copy h4 {font-size: 9px;}
}
@media screen and (max-width: 375px){
    .slider_container {height: 173px;}
    .carousel-indicators {bottom: 2px!important;}
    .carousel-caption h1{margin-top: -10px;}
    .service h1{margin-left: 15px;}
    .test2 p{line-height: 14px;}
    .tab{padding: 0px .2px;}
    .tab button{padding: 5px 4.2px;}
    .copy{height: 20px;padding-top: 5px;}

}


@media screen and (max-width: 360px){
    .carousel-indicators{bottom: -5px!important;}
}

@media screen and (max-width: 320px){
    .carousel-caption h1 {font-size: 13px;line-height: 15px;margin-top: -18px;}
    .carousel-caption p {margin-top: -92px;height: 75px;}
    .slider_container {height: 153px;}
    .icon_respe {width: 30px;height: 30px;}
    .about_container {height: 247px;}
    .head1{height: 32px!important;}
    .logo_res{margin-top: 5px;}
    .about hr {margin-top: -20px;}
    .about p{width: 95%;font-size: 10px;}
    .test p {margin-top: -105px;font-size: 10px;}
    .test h1 {font-size: 13px;}
    .menu_tog{margin: auto;float: right;}
    .service {margin-left: 16px;}
    .service h1{margin-left: 15px;font-size: 12px}
    .service p {font-size: 10px;height: 105px;}
    .service_box1 {height: 215px;}
    .test2 h1 {font-size: 12px;line-height: 16px;}
    .test2 hr{margin-top: -5px;width: 150px;}
    .test2_container{margin-top:48px;height:340px;background-image: url(/Images/Design-Images/images/test8.png);background-repeat: no-repeat;}
    .test2 p{font-size: 9px;line-height: 15px;margin-top: 7px;}
    .test2 h1 {font-size: 11px;line-height: 15px;}
    .test3_container{height: 213px;}
    .test3 {width: 98%;}
    .test3 p{font-size: 10px;line-height: 17px;}
    .img-resp{width: 70px;height: 70px;margin-left: 107px;margin-top: -130px;}
    .tab{padding: 0px 0px;}
    .tab button {padding: 5px 2.5px;font-size: 10px;}
    .tabcontent p{font-size: 9px;}
    .footer h1 {font-size: 11px;}
    .footer hr{margin-top: 10px;}
    .input1{margin-top: -2px;}
    .btn1{margin-top: 13px;}
    .footer_container {height: auto;}
    .copy_container {height: 15px;}
    span{font-weight: 200;}
    .copy h4 {font-size: 8px;margin-top: -2px;}
    .copy {height: 14px;}

}
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color:#1069a9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;font-family: 'Open Sans', sans-serif;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #31a645;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* 29-1-2019*/

.img_rec{width: 100%;height:600px!important;}
.butn2{background-color: transparent;color: #2a87c6;border: 1px solid #2a87c6!important;width: 200px;margin-top:50px;
border-radius:8px;font-size: 14px!important;font-family: 'Open Sans', sans-serif;}
.butn2:hover{color:#fff;background-color: #2a87c6;}
.icon_res{width:119px;height:119px;overflow:hidden;border-radius: 60px;}
.about p{width:100%;text-align: justify;}
.service_box1 a:hover{color:#49ff4c;}
.tb1{padding:0px 0px!important;height: 50px;overflow: hidden;width:33.33%;}
.tab{text-align:center;margin:auto;padding:0px;float:none;}
.tabcontent p{height: 330px;overflow: hidden;}
.abt_p1{width:100%!important;min-height:400px;max-height:auto;overflow-y:auto;margin-top:20px}
.abt_p1 p{height:auto;}
.pad_2{padding-top:0px;}
.sc1{padding-bottom:20px;height:auto!important;}
.sc2{padding-bottom:10px;}
.mar_l1{margin-left:0px!important;}
.hi{height:auto!important;}
.ft1{height:500px!important;background-image: url(/Images/Design-Images/images/contact1.jpg);}
.fa_fi{margin-top: 250px;font-size: 50px!important;}
.sv_1{margin-left: 0px;}


@media screen and (max-width: 1024px) {
.service_container{min-height: 100px!important;padding-bottom: 60px;}
.copy h4 {width: 30%;font-size: 17px;}
.footermenu {width: 70%;}
.ser_hg{height:690px!important;}
.service p{height: auto;}
.carousel-caption h1{font-size: 30px!important;height: 106px;}
.carousel-caption {top: 30%!important;}
.test_container {height: 420px;}

}

@media screen and (max-width: 850px) {
.img_rec{width: 100%;height:400px!important;} 
.srvc_ico {height: 110px;}
.sc1{height:1050px!important;}
.fa_fi {margin-top: 150px;}
.ser_hg{height:690px!important;}
.ser_hi2{height: auto!important; padding-bottom: 103px;}
.copy{width: 98%;}
.copy h4 {width: 22%;font-size: 12px;}
.footermenu {width: 78%;}
.foot_menu1 a {font-size: 10px;}
.foot_menu1{width: 17%;}
.ts_r1{height: 580px;}
.service h2{margin-top:10px;}
.foot_pa{padding-bottom:57px;}
.test2 p{text-align: justify;}
.test2 h1{height:100px;overflow:hidden;}
.tab{width: 100%;}
.carousel-caption h1{height: 80px;}
.carousel-caption {top:26%!important;}
.carousel-indicators {bottom: 30px!important;}
.about h1{height:30px;}
.service_box1 {height: 240px !important;}
}
@media screen and (max-width: 768px) {
.service_container{height:auto!important;}
.ser_hi2{height: auto!important; padding-bottom: 120px;}
.img_rec{width: 100%;height:360px!important;} 
.sc1{height:auto!important;}
.ts2{width:96%!important;}
.ser_hg{max-height:1060px!important;padding-bottom: 30px;}
.copy h4 {width: 22%;font-size: 12px;}
.footermenu {width: 78%;}
.foot_menu1 a {font-size: 10px;}
.ts_r1{height: 520px;}
.test2 {padding-top: 8px;}
.icon_res{width: 100px;height: 100px;}
.tab{width: 100%;}
.test_container {min-height: 470px;}
.sv_1{margin-left: 0%;}
}

@media screen and (max-width: 740px) {
  .carousel-indicators {bottom: 100px!important;}  
}

@media screen and (max-width: 660px) {
.carousel-caption h1{height: 74px;}
.ser_bx1 {height: auto!important;}
.copy h4 {width: 40%;}
.ts3_1{height: auto;padding-bottom:20px;}
.ft1{height:auto!important;background-image:none;background-color:#000;padding-bottom:40px;}
.ft_input1, .ft_input2{border: 1px solid #3e3d3d;}
.foot_pa { padding-bottom: 35px;}
.ser_hi2{padding-bottom: 100px;}
.service_box1{padding:0px;}
.ser_hg {height: 1100px!important;}
.service_box1 {height: auto !important;}
.test_container {height: 480px;}
}

@media screen and (max-width: 600px) {
.img_rec{width: 100%;height:300px!important;} 
.ft1{height:auto!important;background-image:none;background-color:#000;padding-bottom:40px;}
/*.h1_1{font-size:20px!important;}*/
.ft_input1, .ft_input2{border: 1px solid #3e3d3d;}
.carousel-caption h1{height:70px;margin-bottom: 20px;}
.carousel-caption p{margin-top:10px;}
.carousel-indicators {bottom: 30px!important;}

}

@media screen and (max-width: 480px) {
.img_rec{width: 100%;height:200px!important;} 
.icon_res{width:60px;height:60px;overflow:hidden;border-radius: 60px;}
.srvc_ico {height: 60px;}
.service_box {height: 640px;}
.service_container{height:910px!important;}
.service_box1 {height: 250px!important;}
.test2_container{background-image:none;height:auto;background-color:#000;padding-bottom: 40px;}
.test2{padding-top: 30px;}
.about_container{height:auto;}
.pad_2{padding-top:70px;}
.test3_container{height:auto;margin-top: 40px;}
.ft1{height:auto!important;background-image:none;background-color:#000;padding-bottom:40px;}
/*.h1_1{font-size:20px!important;}*/
.ft_input1, .ft_input2{border: 1px solid #3e3d3d;}
.fa_fi {margin-top: 70px;font-size: 40px!important;}
.carousel-caption h1 {font-size: 20px!important;}
.ser_hi2 {max-height: 2000px!important;height: auto!important;}
.ser_bx1{height: auto!important;}
.test_container {min-height: auto; height: auto;}
.test_container p{margin-top: 0px;height:320px;}
.test h1{height:110px;}
.test2 h1{padding-top:0%;line-height: 30px;height:120px;}
.test2 p{height:280px;}
.test3 h1{line-height: 40px;margin-top: -40px;}
.carousel-indicators {bottom: 20px!important;}
.carousel-caption h1{height:50px;margin-bottom: 36px;}
.test3 p{height:260px;}
.foot_pa {padding-bottom: 30px;}
.copy h4 {width: 100%;margin-top:2px;}
.about hr{margin-top:0px;}

/*.x1{height: 250px!important;}*/

}
@media screen and (max-width: 420px){
  .test2_container{padding-bottom: 70px;}  
}

@media screen and (max-width: 414px){
.carousel-caption p{margin-top:0px!important;}
.carousel-caption h1{height:35px!important;}
.service h1{margin-bottom:20px;}
.service_container {min-height: 720px!important;max-height: auto;}
/*.service p{height:99px;}*/
.copy h4 {width: 30%;font-size: 7px;}
.sc1 {height: auto!important;}
.test2_container{height:auto!important;}
.butn1 {margin-top: -30px;}
.carousel-caption p{margin-top: -6px;height: 60px;}
h1{font-size: 16px!important;}
p{font-size: 11px!important;}
.foot_pa{padding-bottom:0px;}
.footer h5{font-size: 20px;}
.test2 h1 {height:auto;}
.t2{padding-bottom:60px;}
.se1{height: 220px!important;}
.li1, .footer p, .footer h5{text-align: center;}
/*.service p{height:85px;}*/
.test2_container{padding-bottom: 0px;} 
}
@media screen and (max-width: 400px) {
.img_rec{width: 100%;height:173px!important;} 
.carousel-caption{top:8%!important;}
h2{font-size: 16px!important;}
/*.ser_hi2 {height: auto!important;}*/
}
@media screen and (max-width: 375px) {
.service h1{margin-left:0px;}
/*.service p{height:82px!important;}*/
.copy h4{width: 33%;}
/*.service_box1 {height: 200px!important;/*min-height: 200px;*/}*/
.test_container {min-height:auto;height: auto;}
.test_container{    min-height: auto;}
.test h1{height: auto;}
.test_container p{height: auto;}
/*.service_container {height: 750px!important;}*/
.ser_hi2{min-height:auto!important;}
}




@media screen and (max-width: 360px) {
.carousel-indicators {bottom: 16px!important;}
.tb1{height:34px;}
.carousel-caption h1{height: 40px!important;line-height: 20px;font-size: 18px!important;margin-bottom: 10px;}
.carousel-caption p{height:50px!important;}
.butn1{margin-top:-10px;}
.service p {height:auto!important;}
.fa_fi {margin-top: 50px;}
.ser_hi2 {height: auto!important;}
.foot_pa{padding-bottom:14px;}
.carousel-caption{top:24%!important;}
.service_box1 {height: 220px!important;}
.service_container {height: 790px!important;}

}
@media screen and (max-width: 320px) {
/*.service p {height: 92px!important;}*/
.fa_fi {margin-top: 50px;}
.input1{margin-top: 10px;}
.carousel-caption h1 {height: 60px!important; margin-bottom: 24px;line-height:20px;}
/*.test2_container {height: 420px!important;}*/
}

/*---font awesome icons---*/
.fo_fix{position: fixed;top:0; z-index: 999;}
.fa_p {padding: 10px;width: 28px;text-align: center;text-decoration: none;margin:0px;padding-left: 6px;padding-right: 6px;}

.pa_0{margin-top:100px;}
.pa_1{margin-top:180px;}
.pa_2{margin-top:140px;}

.fa_p:hover, .fa_p:focus {opacity: 1;color:#fff;}

.fa-facebook {
  background: #3B5998;
 color: #000;
}

.fa-twitter {
  background: #55ACEE;
  color: #000;
}

.fa-instagram {
  background: #ff6d39;
  color: #000;
}
.fa-facebook:hover, .fa-twitter:hover, .fa-instagram:hover{color: white;}
.fa-facebook:focus, .fa-twitter:focus, .fa-instagram:focus{color: white;}
@media screen and (max-width: 1024px) {
    .ser_hi2{min-height:100px!important;margin-bottom: 34px;}
    .pad3{margin-bottom:auto;}
}

@media screen and (max-width: 480px) {
  .test_container{min-height: 480px;}
}
@media screen and (max-width: 420px){
    .test_container {min-height: 560px;}
}

@media screen and (max-width: 414px){
    .test_container { min-height: 300px;}
}
@media screen and (max-width: 384px){
    .test_container { min-height: 330px;}
}
@media screen and (max-width: 320px){
    .test_container { min-height: 330px;}
}