body { margin: 0; font-family: 'Open Sans', sans-serif; background: #fff; }

    body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration: none; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Oranienbaum', serif; }

p { margin: 0; }

ul, label { margin: 0; padding: 0; }

body a:hover, body a:focus { text-decoration: none; outline: none; }
/*-- banner --*/
.agileits-banner { background: url(../images/1.jpg)no-repeat center center; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; position: relative; }
/*-- header-w3layoutstop--*/
.backgroundimg { width: 100%; display: block; background: #584211 url(../images/black-scales.png); }
.mainheader { width: 980px; margin: auto; box-shadow: 0 0 6px 4px #00000014; }
.container { width: 100%; margin: auto; padding: 0; }

.pd { padding: 0 0 20px 24px; }
.bb { border-bottom: 1px solid #a92f00; }
.header-w3layoutstop { padding: 0.4em 20px; background: #824c31; }

    .header-w3layoutstop p { color: #fff; font-size: 1em; text-align: center; /*letter-spacing: 1px;*/ display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }

        .header-w3layoutstop p span.fa { margin-right: 10px; font-size: 1.2em; }
/*-- social-icons --*/
.social-w3licon a { font-size: 1.4em; color: #fff; margin: 0 .8em; border: 1px solid white; display: inline-block; padding: 0em 0.7em; text-align: center; position: relative; z-index: 999; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }

    .social-w3licon a:hover { color: #3b5998; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

    .social-w3licon a.twitter:hover { color: #1da1f2; }

    .social-w3licon a.facebook:hover { color: #4867aa; }

    .social-w3licon a.linkedin:hover { color: #007bb6; }

    .social-w3licon a.login:hover { color: red; }

    .social-w3licon a.feepayment:hover { color: orange; }
/*-- //social-icons --*/
/*-- //banner-top --*/
/*-- logo --*/
.logo { padding: 0; }

.w3llogo h1 { font-size: 2em; font-weight: 100; letter-spacing: 2px; position: relative; }

    .w3llogo h1 a { display: inline-block; margin: 6px 0 0 0; }

        .w3llogo h1 a span { font-family: 'Aguafina Script', cursive; color: #16214e; font-size: 25px; letter-spacing: 3px; display: block; text-align: right; }




/*-- //logo --*/
/*-- top-nav --*/
.top-nav { /*padding: 0.8em 0;*/ background: #ffe000; }

.menu_wrapper { background: #824c31; }

nav.navbar.navbar-default { background-color: inherit; border: none; margin: 0; }

ul.nav.navbar { text-align: center; margin: 1.5em 0 0; min-height: inherit; }

.top-nav ul li { margin: 0 0 0 3em; display: inline-block; }
    /* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
    .top-nav ul li a { text-decoration: none; /*letter-spacing: 1px;*/ font-size: 1.1em; color: #555; position: relative; font-weight: 400; padding: 0; display: inline-block; }

.nav > li > a:hover, .nav > li > a:focus { background: none; }

.top-nav ul li a:hover { color: #fff !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.top-nav ul li a.active { color: #fff !important; }

.top-nav .open > .dropdown-menu { display: block; background: #fff; margin-top: 1.2em; }

    .top-nav .open > .dropdown-menu li { margin: 0; display: block; overflow: hidden; }

        .top-nav .open > .dropdown-menu li a { display: block; color: #999; font-size: .9em; padding: .7em 1em; text-align: center; letter-spacing: 1px; }

.top-nav .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #eb5425; border: none; background: none; }

.top-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #eb5425; text-decoration: none; background-color: transparent; }

ul.dropdown-menu.agile_short_dropdown { left: 0; }




.top-nav .open > .dropdown-menu { display: block; background: #fff; margin-top: 1.2em; }

    .top-nav .open > .dropdown-menu li li { margin: 0; display: block; overflow: hidden; }

        .top-nav .open > .dropdown-menu li li a { display: block; color: #999; font-size: .9em; padding: .7em 1em; text-align: center; letter-spacing: 1px; }

.top-nav .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #eb5425; border: none; background: none; }

.top-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #eb5425; text-decoration: none; background-color: transparent; }

ul.dropdown-menu.agile_short_dropdown { left: 0; }




/*-- //top-nav --*/
/*-- banner --*/
.w3ls-banner { /*background: url(../images/bg_banner.jpg)no-repeat center;*/ -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; }

.w3ls-banner-1 { background: url(../images/about_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }
.w3ls-banner-8 { background: url(../images/principal-ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-2 { background: url(../images/courses_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-3 { background: url(../images/successful_student_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-4 { background: url(../images/gallery_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-5 { background: url(../images/enquiry_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-6 { background: url(../images/contact_ban.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

.w3ls-banner-7 { background: url(../images/director_message.jpg)no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 300px; }

img.img-responsive { width: 100%; }

.banner-text { text-align: center; /*padding: 17em 0;*/ }

    .banner-text p { font-size: 1em; color: #fff; margin-bottom: 2em; letter-spacing: 15px; }

    .banner-text h2, .banner-text h3 { color: #fff; font-size: 5em; text-transform: uppercase; text-shadow: 0 0 80px #000; font-family: calibri; }

    .banner-text h5 { color: #fff; font-size: 1.3em; font-weight: 300; letter-spacing: 4px; width: 33%; line-height: 34px; margin: 2em auto; }

    .banner-text span { font-size: 0.8em; color: #fff; margin: 3em 0; display: inline-block; }

        .banner-text span i.fa { margin: 0 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.banner-text-2 { text-align: center; padding: 2em 0 0; }

    .banner-text-2 h2, .banner-text-2 h3 { color: #fff; font-size: 2em; text-transform: capitalize; text-shadow: 0 0 80px #000; font-family: calibri; }

    .banner-text-2 h5 { color: #fff; font-size: 1.3em; font-weight: 300; width: 75%; line-height: 34px; margin: 0.2em auto; font-family: calibri; }

    .banner-text-2 a { color: #36ebf4; font-size: 1.5em; text-transform: capitalize; font-weight: bold; font-family: calibri; }

        .banner-text-2 a:hover { color: #36ebf4; }

.amazingcarousel-image > div { display: none !important; }

.amazingcarousel-item img { width: auto !important; }

/*-- //banner --*/

.formwappar { width: 100%; display: block; background: #a92f00; padding: 10px; color: #fff; font-weight: bold; }
    .formwappar a { color: #fff; padding: 0 15px; }
.panel { border: solid 1px #e41b23; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.panel-heading { background: #e41b23; padding: 9px 11px; font-size: 15px; color: #fff; }

.panel-body { padding: 10px; }

.fa-fw { width: 1.28571429em; text-align: center; }

.fa-external-link:before { content: "\f0a1"; }

.quick-links ul { margin: 0; padding: 0; list-style: none; }

.quick-links ul { margin: 0; padding: 0; list-style: none; }

    .quick-links ul li a { color: #585858; display: block; padding-bottom: 3px; border-bottom: solid 1px #e8e8e8; margin-bottom: 2px; }

.panel { border: solid 1px #e41b23; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.panel-heading { background: #e41b23; padding: 9px 11px; font-size: 15px; color: #fff; }
.home-gallery .panel-body { padding: 10px 5px 10px 5px; }
.panel-body { padding: 10px; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }




.maincontent { background: #fff; padding: 15px; }


/*-- banner-bottom --*/
.welcome { padding: 1em 0; background: #fff; }

.welcome-agileinfo { margin-top: 5em; }

figure.effect-chico.welcome-img2 { margin-top: 2em; }
/* Common style */
.welcome-w3imgs figure { position: relative; float: left; overflow: hidden; height: auto; background: #000; text-align: center; }

    .welcome-w3imgs figure img { position: relative; display: block; max-width: 100%; opacity: 0.8; }

    .welcome-w3imgs figure figcaption { padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

        .welcome-w3imgs figure figcaption::before,
        .welcome-w3imgs figure figcaption::after { /*-- pointer-events:none; --*/ }

        .welcome-w3imgs figure figcaption,
        .welcome-w3imgs figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*-- Chico --*/
figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -o-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); }

figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

figure.effect-chico figcaption { padding: 2em; background: -webkit-linear-gradient(top,#000000b5,#00800003,#00800003); }

    figure.effect-chico figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    figure.effect-chico figcaption::before,
    figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }

div.effect-chico h4 { margin: 0.5em 0; font-size: 2.5em; color: #fd9904; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; text-align: center; }

div.effect-chico p { color: #000; margin: 0 auto 1.5em !important; font-size: 1em; text-align: center; font-weight: bold; }



.welcome-w3imgs { position: relative; }

    .welcome-w3imgs img { width: 100%; }


.agile-welcome-left { padding-left: 0; padding-top: 2em; }

.agile-welcome-right { padding: 0em 1em 0 1em; }

h3.agileits-title, h2.agileits-title { color: #000; font-size: 28px; margin-bottom: 0.5em; font-weight: bold; line-height: 42px; }

    h3.agileits-title font { color: #e41b23; }

h3.agileits-title-small { color: #16214e; font-size: 3em; margin-bottom: .5em; text-align: left; }

h6.agileits-title { color: #fd9904; font-size: 2em; margin-bottom: .5em; text-align: left; font-weight: bold; letter-spacing: 1px; text-transform: capitalize; }

h5.agileits-title { color: #142954; font-size: 1.5em; margin: 1em 0; text-align: left; font-weight: bold; letter-spacing: 1px; text-transform: capitalize; }

p { color: #5f5f5f; font-size: 1em; line-height: 1.8em; text-align: justify; }

.agile-welcome-right h4 { font-size: 1.5em; color: #fd9904; line-height: 1.2em; margin-bottom: 1em; }
.page_content { padding: 0; }
.welcome p { margin-bottom: 5px; font-size: 15px; }

.welcome ul { padding: 0 0 1em 0; }

    .welcome ul li { color: #5f5f5f; font-size: 1em; line-height: 1.8em; text-align: left; }

.about_list ul li { margin-bottom: 1.5em; color: #8b8b8b; font-size: 1em; line-height: 1.8em; text-align: justify; }

.about_list img { float: right; display: inline; margin: 0 0 30px 30px; padding: 10px; box-shadow: 0 2px 10px #0000003b; border-radius: 100%; max-width: 250px; }

.about_list strong { color: #16214e; }

.gap p { margin-bottom: 0; }


.edu_list { list-style: none; }
.learing-wrp { display: flex; }
.edu_icon { background: #000; width: 85px; height: 85px; line-height: 85px; text-align: center; border-radius: 100%; margin-right: 20px; display: table; }
.edu_list li:nth-child(1) .edu_icon { background: #3db2d5; }
.edu_list li:nth-child(2) .edu_icon { background: #3ab64c; }
.edu_list li:nth-child(3) .edu_icon { background: #dd1146; }
.learing-wrp h3 { font-size: 24px; font-weight: 600; }
.edu_list li { margin-bottom: 15px; display: inline-block; width: 49%; padding: 3rem 3rem 0; }


.sansthapak { background: #ffe000 url(../images/climpek.png); padding: 17px; margin-bottom: 20px; /* margin-left: 10px;*/    border-radius: 5px; }
    .sansthapak img { width: 100%; }
.page_content > a { padding: 0.6em 1em; border: 1px solid #824c31; background: #824c31; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 600; display: inline-block; outline: none; margin-top: 15px; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }
.cc > a { padding: 0.6em 1em; border: 1px solid #fff; background: #fff; color: #ea4c52; font-size: 13px; text-transform: uppercase; font-weight: 600; display: inline-block; outline: none; margin-top: 15px; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }

.page_content > a:hover { background: transparent; border: 1px solid #000; color: #000; }
.cc > a:hover { background: transparent; border: 1px solid #fff; color: #fff; }
/*-- //banner-bottom --*/ .about-w3slid h3;
{ font-size: 3em; color: #fff; text-transform: capitalize; letter-spacing: 1px; }

.about-w3slid p { width: 70%; margin: 2em auto 0; color: #fff; letter-spacing: 2px; }

.about-w3slid { background: url(../images/banner-1.jpg)no-repeat center 0px fixed; background-size: cover; text-align: center; padding: 4em 0; }

p.agile-p { font-size: 1em; text-align: center; width: 60%; margin: 0 auto; }
/*-- services --*/
.services { padding: 0 0 5em; }

.w3-services-grids { margin-top: 5em; }

.w3l-services-grid { text-align: center; }

.w3l-services-text { padding: 2em; border: 1px solid #ddd; position: relative; background: #fff; }

    .w3l-services-text:before { content: ''; width: 0%; border: 2px solid #fd9904; height: 100%; display: block; position: absolute; left: 0; top: 0; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }

.w3ls-services-img { width: 75px; height: 75px; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }

    .w3ls-services-img i.fa { color: #fd9904; font-size: 3em; padding: .5em 0 0 0; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }

.agileits-services-info h4 { color: #fd9904; font-size: 1.3em; margin: 1.3em 0 0.8em; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; }

.agileits-services-info font { color: #eb5425; font-weight: bold; font-size: 1.1em; }

.w3l-services-grid:hover .w3ls-services-img { background: #fd9904; }

    .w3l-services-grid:hover .w3ls-services-img i.fa { color: #fff; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.w3l-services-grid:hover .w3l-services-text:before { width: 100%; }
/*-- //services --*/
/*-- newsletter --*/
.sub-agileinfo { text-align: center; }

    .sub-agileinfo h3 { font-size: 3em; margin-bottom: 1em; }

h3.agileits-title.w3title1 { color: #fff; }

.sub-agileinfo p { width: 75%; margin: 0 auto; color: #fff; }

.sub-agileinfo form { margin: 2em 0; }

    .sub-agileinfo form input.user { width: 42%; padding: .8em 1em; outline: none; font-size: 1em; border: 1px solid #fff; margin-right: 1em; color: #000; letter-spacing: 2px; }

    .sub-agileinfo form input[type="submit"] { font-size: 1em; text-transform: uppercase; padding: .8em 2em; color: #fff; background: #36ebf4; border: 1px solid #36ebf4; letter-spacing: 3px; font-weight: 600; outline: none; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }

        .sub-agileinfo form input[type="submit"]:hover { background: transparent; border: 1px solid #fff; }
/*-- //newsletter --*/


.carousel { margin-bottom: 0; padding: 0 40px; }

.carousel-indicators { right: 50%; top: auto; bottom: -10px; margin-right: -19px; display: none; }

.carousel-control.left, .carousel-control.right { background: none; width: 25px; }

.carousel-control { color: #a51c21; }

.carousel-control { left: -12px; height: 40px; width: 40px; background: none repeat scroll 0 0 #222222; border: 4px solid #b1b1b1; border-radius: 23px 23px 23px 23px; margin-top: 62px; }

    .carousel-control.left { left: -25px; }

    .carousel-control.right { right: -25px; }

.thumbnail { margin: 0; }
/*-- services-bottom --*/
.wthree-services-left img { width: 100%; }

.wthree-services-right-top h4 { color: #16214e; font-size: 1.4em; margin: 0; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }

.wthree-services-right-top p { color: #8b8b8b; font-size: 1em; line-height: 1.8em; margin-bottom: 1em; }

.services-right-bottom-bottom { margin: 2em 0 0 0; }

.services-bottom-icon { float: left; width: 10%; }

    .services-bottom-icon i.fa { color: #36ebf4; font-size: 2em; }

.services-bottom-info { float: left; width: 80%; }

    .services-bottom-info h5 { color: #212121; font-size: 1.3em; margin: 0; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }

    .services-bottom-info p { color: #999999; font-size: .9em; line-height: 1.8em; margin: 1em 0 0 0; }

.w3-services-bottom { margin: 2em 0 0 0; }

.services-bottom { padding: 5em 0; }

.wthree-services-bottom-grids { margin-top: 5em; }
/*-- //services-bottom --*/


/********************************
        Class Css
********************************/
.class-wrap { background: url(../images/class-bg.jpg) no-repeat top; background-size: cover; padding: 50px 0; }
    .class-wrap .title { text-align: center; position: relative; margin-bottom: 60px; }
        .class-wrap .title h1 { color: #fff; }
            .class-wrap .title h1 span { font-size: 24px; letter-spacing: 1px; }
        .class-wrap .title:after { content: ""; width: 54px; height: 2px; background: #ddb202; margin-left: -26px; position: absolute; bottom: -20px; left: 50%; }
    .class-wrap h3 { margin-bottom: 10px; text-align: center; position: relative; font-size: 18px; text-decoration: none; color: #e41b23; font-weight: bold; text-transform: uppercase; }
        .class-wrap h3 a { font-size: 21px; text-decoration: none; color: #000; font-weight: bold; text-transform: uppercase; }
            .class-wrap h3 a:hover { color: #f0aa00; }
    /*.class-wrap h3:before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ddb202;
  position: absolute;
  bottom: -20px;
  left: 0;
}*/
    .class-wrap p { font-size: 15px; line-height: 24px; color: #322c2c; font-weight: bold; margin-bottom: 0; text-align: center; }
    .class-wrap ul.listtype li { width: 49%; font-size: 14px; line-height: 24px; color: #322c2c; margin-bottom: 0; display: inline-block; }
    .class-wrap .owl-dots { display: none; }
    .class-wrap .owl-nav button { /* font-size: 8px; */ color: #e41b23; border: 2px solid #e41b23; background: none; width: 50px; height: 50px; border-radius: 100%; }
    .class-wrap .owl-prev { position: absolute; left: -84px; top: 50%; margin-top: -24px; }
    .class-wrap .owl-next { position: absolute; right: -84px; top: 50%; margin-top: -24px; }
    .class-wrap .owl-nav button:hover { background: #ffa800; border-color: #ffa800; color: #fff; }
    .class-wrap .owl-nav i { font-size: 30px; }
.class_box { background: #fff; }
.class_Img { position: relative; }
    .class_Img img { width: 100%; }
.path_box { padding: 20px 10px 10px; }

.class-wrap .path_box { /*min-height: 207px;*/ }
.time_box { background: #3ab64c; font-size: 14px; color: #fff; border-radius: 6px 6px 0 0; padding: 8px 12px; position: absolute; bottom: 0; right: 20px; }

.students_box { border-top: 1px solid #e6e6e6; padding-top: 10px; margin-top: 15px; display: flex; justify-content: space-between; }
.students { font-size: 16px; color: #000; }
.stud_fee { font-size: 16px; color: #000; }
.flight-wrap .path_box { min-height: 177px; }




/*-- footer --*/
.footer { background: #824c31; padding: 3em; }

.agileinfo_footer_grid h3.agileits-title { font-size: 2em; color: #ffd47f; margin-bottom: 1em; text-transform: capitalize; text-align: left; font-weight: normal; }

.agileinfo_footer_grid ul li { list-style-type: none; margin-bottom: 0.5em; font-size: 0.9em; color: #FFF; line-height: 1.9em; }

/*.border-line ul li
{
    border-bottom: 1px solid #c4c4c4;
}*/

.border-line ul li h1 { font-size: 1.3em; color: #36ebf4; font-family: calibri; }

.agileinfo_footer_grid ul li i.fa { font-size: .9em; margin-right: 1em; color: #ffd47f; }

.agileinfo_footer_grid ul li span { margin-right: 1em; color: #ffd47f; }

.agileinfo_footer_grid ul li a { color: #FFF; text-decoration: none; }

    .agileinfo_footer_grid ul li a:hover { color: #fd9904; }

.w3agile_footer_copy { /* padding-top: 2em; */ /* border-top: 1px solid #ffd47f; */ text-align: center; /* margin-top: 2em; */ }

    .w3agile_footer_copy p { text-align: center; color: #ffffff; font-size: 15px; font-weight: bold; }

        .w3agile_footer_copy p a { color: #fd9904; text-decoration: none; }

            .w3agile_footer_copy p a:hover { color: #999; }

.agileinfo_footer_grid:nth-child(1) { padding: 0 8em 0 0; }


.agileinfo_footer_grid p { display: block; color: #FFF; margin: 0.5em 0 0; font-size: 0.9em; line-height: 2.2em; }
/*-- //footer --*/
/*-- breadcrumbs --*/
.breadcrumbs { padding: 1em; background: #f5f5f5; }

.w3layouts_breadcrumbs_left { float: left; margin-top: .5em; }

    .w3layouts_breadcrumbs_left ul li { display: inline-block; color: #212121; text-transform: uppercase; font-weight: 600; }

        .w3layouts_breadcrumbs_left ul li span { padding: 0 1.5em; }

        .w3layouts_breadcrumbs_left ul li i { padding-right: 1em; color: #212121; }

        .w3layouts_breadcrumbs_left ul li a { color: #eb5425; text-decoration: underline; }

.w3layouts_breadcrumbs_right { float: right; }

    .w3layouts_breadcrumbs_right h2 { font-size: 2em; color: #212121; margin: 0; }

.w3layouts_breadcrumbs_left ul li a:hover { color: #212121; }

.w3_agile_about_grid_left h3 { font-size: 1.4em; color: #212121; line-height: 1.5em; text-transform: capitalize; margin: 0; }

.w3_agile_about_grid_left p i { color: #2ebaef; display: block; margin: 1em 0 1em; }

.w3_agile_about_grid_left p { color: #999; line-height: 2em; }
/*-- //breadcrumbs --*/
/*-- about --*/
/*-- Skills bar effects --*/
.skillbar { position: relative; display: inline-block; margin: 15px 0; width: 100%; background: #eee; height: 35px; border-radius: 3px; width: 100%; }

.skillbar-title { position: absolute; top: 0; left: 0; width: 110px; font-weight: bold; font-size: 13px; color: #ffffff; background: #6adcfa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: rgba(0, 0, 0, 0.1); padding: 0 20px; height: 35px; line-height: 35px; }

.skillbar-bar { height: 35px; width: 0px; background: #2ebaef; border-radius: 3px; display: inline-block; }

.skill-bar-percent { position: absolute; right: -6%; top: 0; font-size: 13px; height: 35px; line-height: 35px; color: #212121; }
/*-- //about --*/
/*-- team --*/
.team, .testimonials, .contact { padding: 3em 0; }

.w3_agile_team_grids { margin: 2em 0 0; }
.w3_agile_team_grid { padding-bottom: 20px; text-align: center; }
    .w3_agile_team_grid h3 { font-size: 18px; color: #212121; margin-bottom: 1em; font-weight: bold; }

    .w3_agile_team_grid p { color: #e41b23; text-transform: uppercase; font-weight: 600; margin: 1em 0 8px; text-align: center; font-size: 20px; }

    .w3_agile_team_grid:nth-child(2), .w3_agile_team_grid:nth-child(4), .w3_agile_team_grid:nth-child(6) { /*margin-top: 5em;*/ }

    .w3_agile_team_grid ul li { display: inline-block; margin-right: 1em; }

        .w3_agile_team_grid ul li:last-child { margin: 0; }

    .w3_agile_team_grid figure { overflow: hidden; position: relative; }

.hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.hover14 figure:hover::before, .w3_agile_team_grid:hover .hover14 figure::before { -webkit-animation: shine .75s; animation: shine .75s; }

@-webkit-keyframes shine {
    100% { left: 125%; }
}

@keyframes shine {
    100% { left: 125%; }
}

.agileits_social_list li a { color: #212121; text-align: center; display: inline-block; font-size: 1.2em; }

a.w3_agile_facebook:hover { color: #3b5998; }

a.agile_twitter:hover { color: #1da1f2; }

a.w3_agile_dribble:hover { color: #ea4c89; }

a.w3_agile_vimeo:hover { color: #1ab7ea; }

ul.agileits_social_list { padding: 0; }

    ul.agileits_social_list li { display: inline-block; }
/*-- //team --*/
.w3ls_news_grids { margin-top: 5em; }
/*-- icons --*/
.codes a { color: #999; }

.icon-box { padding: 8px 15px; background: rgba(149, 149, 149, 0.18); margin: 1em 0 1em 0; border: 5px solid #ffffff; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; cursor: pointer; }

    .icon-box:hover { background: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; }

        .icon-box:hover i.fa { color: #fff !important; }

        .icon-box:hover a.agile-icon { color: #fff !important; }

.codes .bs-glyphicons li { float: left; width: 12.5%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; }

.codes .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; }

.codes .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; }

.codes .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }

h3.icon-subheading { font-size: 28px; color: #eb5425 !important; margin: 30px 0 15px; font-weight: 600; letter-spacing: 2px; }

h3.agileits-icons-title { text-align: center; font-size: 33px; color: #222222; font-weight: 600; letter-spacing: 2px; }

.icons a { color: #999; }

.icon-box i { margin-right: 10px !important; font-size: 20px !important; color: #282a2b !important; }

.bs-glyphicons li { float: left; width: 18%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; background: rgba(149, 149, 149, 0.18); margin: 1%; }

.bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; color: #282a2b; }

.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; }

.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }

.grid_4 { background: none; margin-top: 50px; }
/*-- mail --*/
.agileits_mail_grid_right1 { padding: 3em; background: #f5f5f5; }

    .agileits_mail_grid_right1 span i { color: #212121; font-size: 14px; text-transform: uppercase; font-style: normal; float: left; width: 15%; margin: .8em 0 0; font-weight: 600; }

    .agileits_mail_grid_right1 input[type="text"], .agileits_mail_grid_right1 input[type="email"], .agileits_mail_grid_right1 textarea { outline: none; width: 85%; background: #fff; color: #212121; padding: 10px; font-size: 14px; border: 1px solid #E7E7E7; }

::-webkit-input-placeholder { color: #212121 !important; }

.agileits_mail_grid_right1 span { padding: .5em 0; display: block; }

.agileits_mail_grid_right1 textarea { min-height: 200px; margin-bottom: 1em; }

.agileits_mail_grid_right1 input[type="submit"] { outline: none; width: 20%; background: #142954; color: #ffffff; padding: 10px 0; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border: none; }

    .agileits_mail_grid_right1 input[type="submit"]:hover { background: #16214e; color: #fff; }

.w3layouts_mail_grid_left1 { float: left; width: 50px; height: 50px; background: #aeb09f; text-align: center; border-radius: 50px; }

    .w3layouts_mail_grid_left1 span { font-size: 1em; color: #212121; line-height: 3.4em; }

.w3layouts_mail_grid_left2 { float: right; width: 75%; }

    .w3layouts_mail_grid_left2 h3 { font-size: 1.1em; color: #212121; margin: .3em 0 0; }

    .w3layouts_mail_grid_left2 a { text-decoration: none; color: #999; font-size: 14px; }

        .w3layouts_mail_grid_left2 a:hover { color: #212121; }

    .w3layouts_mail_grid_left2 p { color: #999; }

.w3layouts_mail_grid_left:nth-child(2) { margin: 2em 0; }

.w3_submit { text-align: right; }

.w3_agileits_mail_right_grid { text-align: center; border: 2px solid #aeb09f; padding: 2em; position: relative; margin: 2em 0; }

    .w3_agileits_mail_right_grid h4 { font-size: 1.7em; color: #142954; font-weight: bold; padding: 0 0 1em 0; }

    .w3_agileits_mail_right_grid p { margin: 1em 0; color: #999; line-height: 2em; }

    .w3_agileits_mail_right_grid h5 { text-transform: uppercase; font-size: 1.5em; color: #2ebaef; margin: 2em 0 1em; }

    .w3_agileits_mail_right_grid ul { padding: 0; }

        .w3_agileits_mail_right_grid ul li { list-style: none; line-height: 3em; }

            .w3_agileits_mail_right_grid ul li a { color: #212121; }

.w3_agileits_mail_right_grid_pos { position: absolute; top: -17%; left: 35%; }

    .w3_agileits_mail_right_grid_pos img { border-radius: 40px; width: 100px; }

.map-grid iframe { width: 100%; min-height: 500px; }
/*-- //mail --*/
/*-- gallery --*/
.grid { position: relative; clear: both; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center; }

    /* Common style */
    .grid figure { position: relative; overflow: hidden; margin: 10px 0; height: auto; text-align: center; cursor: pointer; }

        .grid figure img { position: relative; display: block; width: 100%; opacity: 0.8; }

        .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

            .grid figure figcaption::before,
            .grid figure figcaption::after { pointer-events: none; }

            .grid figure figcaption,
            .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }

        .grid figure h3 { word-spacing: -0.15em; font-size: 1.5em; margin-top: 18%; color: #FFF; font-weight: 600; }

        .grid figure h2 span { font-weight: 800; }

        .grid figure h2,
        .grid figure p { margin: 0; }

        .grid figure p { letter-spacing: 1px; font-size: 68.5%; }
/*-----------------*/
/***** Apollo *****/
/*-----------------*/


figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }

figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); }

figure.effect-apollo p { position: absolute; transform: translate(-50%,-50%); top: 50%; font-size: 2em; left: 50%; color: #142954; /* margin: 3em; */ padding: 0 0.5em; max-width: 150px; border: 4px solid #142954; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

figure.effect-apollo h2 { text-align: left; }

figure.effect-apollo:hover img { opacity: .2; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }

figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }

figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.gallery-grids { margin-top: 2em; overflow: hidden; margin-bottom: 2em; }

.gallery { padding: 1em 0; }
/*-- //gallery --*/

.testimonials-main { float: right; width: 100%; }

.inner-testimonials-w3ls { position: relative; }

.testimonial-info-wthree { padding: 3em 2em 0em 1em; width: 75%; margin: auto; text-align: center; }

    .testimonial-info-wthree h5 { font-size: 20px; letter-spacing: 1px; text-transform: capitalize; color: #2ec8a6; padding: 0 0 0.7em; }

    .testimonial-info-wthree span { display: block; margin: 0.8em 0; font-size: 16px; letter-spacing: 1px; font-style: italic; color: #000; }

    .testimonial-info-wthree p { text-align: center; }
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border { padding: 5em 0; }

.w3ls-cont { margin-top: 3em; width: 60%; margin: 3em auto; }
/*--Typography--*/
.well { font-weight: 300; font-size: 14px; }

.list-group-item { font-weight: 300; font-size: 14px; }
.list-square > li::before { content: ""; display: inline-block; height: 10px; width: 10px; margin-right: 10px; background: rgb(68, 68, 68); }
li.list-group-item1 { font-size: 14px; font-weight: 300; }

.show-grid [class^=col-] { background: #fff; text-align: center; margin-bottom: 10px; line-height: 2em; border: 10px solid #f0f0f0; }

.show-grid [class*="col-"]:hover { background: #e0e0e0; }

.grid_3 { margin-bottom: 2em; }

.xs h3, h3.m_1 { color: #000; font-size: 1.7em; font-weight: 300; margin-bottom: 1em; }

.grid_3 p { color: #999; font-size: 0.85em; margin-bottom: 1em; font-weight: 300; }

.grid_4 { background: none; margin-top: 50px; }

.label { font-weight: 300 !important; border-radius: 4px; }

.grid_5 { background: none; padding: 2em 0; }

    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: 1em; color: #0d3172; font-weight: 600; font-size: 30px; letter-spacing: 2px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none !important; }

.tab-content > .active { display: block; visibility: visible; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 0; }

.badge-primary { background-color: #03a9f4; }

.badge-success { background-color: #fb5710; }

.badge-warning { background-color: #ffc107; }

.badge-danger { background-color: #e51c23; }

.grid_3 p { line-height: 2em; color: #888; font-size: 0.9em; margin-bottom: 1em; font-weight: 300; }

.bs-docs-example { margin: 1em 0; }

.table { width: 80%; max-width: 100%; margin: 0 auto 20px; }

    .table > thead > tr > th { text-align: left; font-size: 1.5em !important; color: #142954 !important; }

.table-bordered > thead > tr > th { border-bottom-width: 1px !important; }

section#tables p { margin-top: 1em; }

.tab-container .tab-content { border-radius: 0 2px 2px 2px; border: 1px solid #e0e0e0; padding: 16px; background-color: #ffffff; }

.table td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 10px !important; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 1em; color: #142954; border-top: none !important; font-weight: normal; }

.tab-content > .active { display: block; visibility: visible; }

.label { font-weight: 300 !important; }

.label { padding: 4px 6px; border: none; text-shadow: none; }

.alert { font-size: 0.85em; }

h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button { line-height: 2em; margin-top: 0.5em; margin-bottom: 0.5em; }

li.list-group-item1 { line-height: 2.5em; }

.input-group { margin-bottom: 20px; }

.in-gp-tl { padding: 0; }

.in-gp-tb { padding-right: 0; }

.list-group { margin-bottom: 48px; }

ol { margin-bottom: 44px; }

h2.typoh2 { margin: 0 0 10px; }
/*-- //typography --*/
.typo { padding: 3em 0; }

ul.bs-glyphicons-list { padding: 0; }
/*-- responsive-design --*/

@media (max-width:991px) {
    h3.agileits-icons-title { font-size: 28px; }

    h3.icon-subheading { font-size: 22px; }
}

@media (max-width:768px) {
    h3.agileits-icons-title { font-size: 28px; }

    h3.icon-subheading { font-size: 25px; }

    .row { margin-right: 0; margin-left: 0; }

    .icon-box { margin: 0; }
}

@media (max-width: 640px) {
    .icon-box { float: left; width: 50%; }
}

@media (max-width: 480px) {
    .bs-glyphicons li { width: 31%; }
}

@media (max-width: 414px) {
    h3.agileits-icons-title { font-size: 23px; }

    h3.icon-subheading { font-size: 18px; }

    .bs-glyphicons li { width: 31.33%; }
}

@media (max-width: 384px) {
    .icon-box { float: none; width: 100%; }
}

@media(max-width:1440px) {
    div.effect-chico h4 { margin: 0.3em 0; font-size: 1.8em; }

    .w3ls-hover .view-caption { padding: 4.5em 0; }
}

@media(max-width:1366px) {
    .w3ls-hover .view-caption { padding: 4em 0; }
}

@media(max-width:1199px) {

    #cssmenu > ul > li > a { padding: 10px 23px; }
}

@media(max-width:1150px) {
    div.effect-chico p { font-size: 11px; }

    #cssmenu > ul > li > a { padding: 10px 23px; }
}

@media(max-width:1080px) {
    div.effect-chico figcaption { padding: 1.5em; }

        div.effect-chico figcaption::before { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; }

    div.effect-chico h4 { font-size: 2em; }

    div.effect-chico.welcome-img2 { margin-top: 1.3em; }

    .banner-text h5 { width: 51%; }
}

@media(max-width:1024px) {
    .top-nav ul li { margin: 0 0 0 2.5em; }

    #cssmenu > ul > li > a { padding: 10px 23px; }
}

@media(max-width:991px) {
    .top-nav ul li { margin: 0 0 0 2em; }

    div.effect-chico.welcome-img2 { margin-top: 2.4em; }

    div.effect-chico h4 { margin: .5em 0; font-size: 1.2em; }

    div.effect-chico p { font-size: 12px; }

    .banner-text h2, .banner-text h3 { font-size: 2em; }

    .banner-text h5 { width: 75%; }

    #cssmenu > ul > li > a { padding: 10px 10px; font-size: 13px; }

    .top-nav ul li a.active { color: inherit !important; }

    .w3l-services-grid { margin-bottom: 1.5em; }

    .about-w3slid { padding: 5em 0; }

        .about-w3slid p { width: 100%; }

    .w3llogo_top { margin-top: 1em; }

    .welcome { padding: 3em 0; }

    p.agile-p { width: 100%; }

    .services { padding: 3em 0; }

    .agile-welcome-right { padding: 2em 1em 0 1em; }

    .sub-agileinfo p { width: 100%; }

    .wthree-services-right { margin: 2em 0; }

    .services-bottom { padding: 3em 0; }

    .wthree-services-bottom-grids { margin-top: 3em; }

    .welcome-agileinfo { margin-top: 3em; }

    .w3-services-grids { margin-top: 3em; }

    .footer { padding: 3em 0; }

    .w3ls-banner-1 { min-height: 220px; }

    .team, .testimonials, .contact { padding: 3em 0; }

    .w3_agile_team_grid { float: left; width: 100%; }

    .skillbar { width: 95%; }

    .w3_wthree_agileits_icons.main-grid-border { padding: 3em 0; }

    .gallery { padding: 3em 0; }

    .gallery-grid { float: left; width: 50%; }

    .gallery-grids { margin-top: 3em; }

    .w3_agileits_mail_right_grid { margin: 5em 0 2em; }

    .typo { padding: 3em 0; }
}

@media(max-width:800px) {
    div.effect-chico h4 { margin: 0 0 .5em; }

    div.effect-chico.welcome-img2 { margin: 2em 0; }

    div.effect-chico p { font-size: 10px; max-width: 400px; }
}

@media(max-width:767px) {
    .class-wrap .owl-next { position: absolute; right: -52px; top: 50%; margin-top: -24px; }
    .class-wrap .owl-prev { position: absolute; left: -52px; top: 50%; margin-top: -24px; }
    .mainheader { width: 100%; }
    .pd { padding: 0; }
    .grid_5 { padding: 0 0 1em; }

    .grid_3 { margin-bottom: 0em; }

    .header-w3layoutstop .navbar-left { float: left; }

    .header-w3layoutstop .navbar-right { float: right; }

    .menu_side_gap { padding: 0; }

    .navbar-header.w3llogo { margin: 0; }

    .w3llogo h1 { display: inline-block; }

    .w3llogo_top { margin-top: 2em; }

    button.navbar-toggle { border-color: #36ebf4; margin-right: 0; }

    span.icon-bar { background: #36ebf4; }

    .top-nav ul li { margin: 1.2em 0; display: block; }

    div#bs-example-navbar-collapse-1 { position: absolute; width: 100%; background: #16214e; z-index: 999; margin: 0; left: 0; margin-top: 1em; }

    ul.nav.navbar { margin: 0; padding: 0 0 2em; }

    .top-nav { padding: 0; background: #fff; }

    .agileinfo_footer_grid.mid-w3l.nav2 { margin: 1.5em 0; }

    ul.dropdown-menu.agile_short_dropdown { left: 0; width: 100%; }

    .top-nav ul li a { color: #fff; }

    figure.effect-chico p { font-size: 1.5em; }
}

@media(max-width:736px) {
    div.effect-chico h4 { margin: .5em 0; font-size: 1.2em; }

    .agileinfo_footer_grid:nth-child(1) { padding: 0 0 0 0; }
}

@media(max-width:667px) {
    div.effect-chico h4 { margin: 0.8em 0 .5em; }

    div.effect-chico h4 { margin: 0.6em 0 .5em; }
}

@media(max-width:640px) {
    .class-wrap .owl-prev { position: absolute; left: -33px; top: 50%; margin-top: -24px; }
    .class-wrap .owl-next { position: absolute; right: -33px; top: 50%; margin-top: -24px; }
    h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 0px; }

        .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: .5em; }

    .progress { height: 10px; margin-bottom: 10px; }

    ol.breadcrumb li, .grid_3 p, ul.list-group li, li.list-group-item1 { font-size: 14px; }

    .breadcrumb { margin-bottom: 25px; }

    .well { font-size: 14px; margin-bottom: 10px; }

    h2.typoh2 { font-size: 1.5em; }

    .label { font-size: 60%; }

    .in-gp-tl { padding: 0 1em; }

    .in-gp-tb { padding-right: 1em; }

    .w3ls-hover .view-caption { padding: 4em 0; }

    .banner-text h2, .banner-text h3 { font-size: 1.7em; letter-spacing: 3px; }

    .banner-text h5 { font-size: 1.2em; letter-spacing: 2px; width: 77%; line-height: 26px; }

    .w3ls-banner-1 { min-height: 200px; }
}

@media(max-width:600px) {
    .header-w3layoutstop .hdr-w3left { text-align: center; float: none; }

    .header-w3layoutstop .social-w3licon { text-align: center; float: none; }


    h3.agileits-title, h2.agileits-title { font-size: 2em; }

    .agileits_mail_grid_right1 span i { width: 100%; }

    .agileits_mail_grid_right1 input[type="submit"] { width: 57%; }

    .agileits_mail_grid_right1 input[type="text"], .agileits_mail_grid_right1 input[type="email"], .agileits_mail_grid_right1 textarea { width: 100%; }

    figure.effect-chico h4 { font-size: 2em; }

    figure.effect-chico p { font-size: 1.4em; max-width: 300px; }
}

@media(max-width:568px) {
    div.effect-chico h4 { margin: 0.6em 0 .3em; }

    .w3ls-hover .view-caption { padding: 3.5em 0; }

    .w3l-services-grid { text-align: center; margin-bottom: 1.5em; width: 100%; }

    .about-w3slid h3 { font-size: 2.5em; }
}

@media(max-width:480px) {
    .hdr-w3left { text-align: center; }

    .header-w3layoutstop .social-w3licon { text-align: center; float: none; }

    .w3llogo { text-align: center; }

        .w3llogo h1 { float: none !important; }

    .menu_side_gap { padding: 0; }

    .page_content { padding: 0; }

    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { font-size: 1.2em; }

    .table h1 { font-size: 26px; }

    .table h2 { font-size: 23px; }

    .table h3 { font-size: 20px; }

    .label { font-size: 53%; }

    .alert, p { font-size: 1em; }

    .pagination { margin: 20px 0 0px; }

    .grid_3.grid_4.w3layouts { margin-top: 25px; }

    figure.effect-chico.welcome-img2 { margin-top: 1.1em; }

    figure.effect-chico figcaption { padding: 1em; }

        figure.effect-chico figcaption::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; }

    .welcome-w3imgs { width: 100%; padding: 10px; }

    .w3ls-banner-1 { min-height: 180px; }

    .agileinfo_footer_grid:nth-child(1) { padding: 0; }

    .agileinfo_footer_grid ul li { font-size: 0.9em; }
}

@media(max-width:414px) {
    .w3llogo h1 { font-size: 1.8em; }

    div.effect-chico h4 { font-size: 1.6em; letter-spacing: 0px; }

    div.effect-chico h4 { margin: 0.2em 0 .2em; }

    .about-w3slid { padding: 3em 0; }

    .w3ls-banner-1 { min-height: 130px; }

    .w3ls_news_grids { margin-top: 3em; }

    .w3_agile_team_grid ul li { margin-right: 0.5em; }

    .gallery-grid { float: left; width: 100%; }

    .gallery { padding: 2em 0; }

    .agileits_mail_grid_right1 { padding: 2em; }
}

@media(max-width:384px) {
    figure.effect-chico p { font-size: .8em; }

    .top-nav ul li a { font-size: 1em; }

    .top-nav ul li { margin: 1em 0; }



    .sub-agileinfo form input.user { width: 100%; margin-right: 0em; margin-bottom: 1em; }
}

@media(max-width:375px) {
    div.effect-chico h4 { margin: 2.2em 0 .2em; }
}

@media(max-width:320px) {
    .grid_4 { margin-top: 18px; }

    h3.title { font-size: 1.6em; }

    .alert, p, ol.breadcrumb li, .grid_3 p, .well, ul.list-group li, li.list-group-item1, a.list-group-item { font-size: 13px; }

    .alert { padding: 10px; margin-bottom: 10px; }

    ul.pagination li a { font-size: 14px; padding: 5px 11px; }

    .list-group { margin-bottom: 10px; }

    .well { padding: 10px; }

    .nav > li > a { font-size: 14px; }

    table.table.table-striped, .table-bordered, .bs-docs-example { display: none; }

    .header-w3layoutstop p { font-size: 0.9em; letter-spacing: 0.5px; }

    .social-w3licon a { margin: 0 .3em; font-size: 0.9em; }

    .w3llogo h1 { font-size: 1.6em; }

    div.effect-chico h4 { margin: 1.5em 0 .2em; }

    .w3ls-hover .view-caption { padding: 4.2em 0; }

    .banner-text h2, .banner-text h3 { font-size: 1.5em; letter-spacing: 2px; }

    .banner-text { padding: 5em 0 3em; }

        .banner-text h5 { font-size: 1em; letter-spacing: 2px; width: 80%; line-height: 26px; }

    .services { padding: 2em 0; }

    .w3-services-grids { margin-top: 2em; }

    .about-w3slid h3 { font-size: 1.8em; }

    .about-w3slid { padding: 2em 0; }

    .welcome { padding: 2em 0; }

    .welcome-agileinfo { margin-top: 2em; }

    h3.agileits-title, h2.agileits-title { font-size: 1.5em; line-height: 33px; }

    .wthree-services-right { padding: 0; }

    .services-bottom-icon { width: 15%; }

    .wthree-services-bottom-grids { margin-top: 2em; }

    .agileinfo_footer_grid h3.agileits-title { font-size: 1.7em; }

    .agileinfo_footer_grid.mid-w3l.nav2 { padding: 0; }

    .agileinfo_footer_grid { padding: 0; }

    .w3agile_footer_copy p { letter-spacing: 1px; }

    .w3_wthree_agileits_icons.main-grid-border { padding: 2em 0; }

    .w3_agile_mail_left { padding: 0; }

    .w3ls-cont { margin-top: 3em; }

    .agileits_mail_grid_right1 { padding: 1em; }

    .typo { padding: 2em 0; }
}
/*-- //responsive-design --*/