@charset "utf-8";

/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');



@font-face {

    font-family: 'OpenSans';

    src: url('../fonts/OpenSans.eot');

    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OpenSans.woff2') format('woff2'),

        url('../fonts/OpenSans.woff') format('woff'),

        url('../fonts/OpenSans.ttf') format('truetype'),

        url('../fonts/OpenSans.svg#OpenSans') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Museo-300';

    src: url('../fonts/Museo-300.eot');

    src: url('../fonts/Museo-300.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Museo-300.woff2') format('woff2'),

        url('../fonts/Museo-300.woff') format('woff'),

        url('../fonts/Museo-300.ttf') format('truetype'),

        url('../fonts/Museo-300.svg#Museo-300') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Museo500-Regular';

    src: url('../fonts/Museo500-Regular.eot');

    src: url('../fonts/Museo500-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Museo500-Regular.woff2') format('woff2'),

        url('../fonts/Museo500-Regular.woff') format('woff'),

        url('../fonts/Museo500-Regular.ttf') format('truetype'),

        url('../fonts/Museo500-Regular.svg#Museo500-Regular') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Museo-700';

    src: url('../fonts/Museo-700.eot');

    src: url('../fonts/Museo-700.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Museo-700.woff2') format('woff2'),

        url('../fonts/Museo-700.woff') format('woff'),

        url('../fonts/Museo-700.ttf') format('truetype'),

        url('../fonts/Museo-700.svg#Museo-700') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

/*..............common styles..............*/



html, body { margin: 0; padding: 0; font-size:14px; font-weight: 400; color:#151515; background: #fff;font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:0; color:#151515; font-family: 'Museo-700'; font-weight: normal;}

h1{ font-size:65px;}

h2{ font-size:50px;}

h3{ font-size:40px;}

h4{ font-size:30px;}

h5{ font-size:25px;}

h6{ font-size:20px; line-height: 26px;font-family: 'Open Sans', sans-serif; font-weight: 400;}

p{ font-size:16px; margin:0 0 20px; line-height:24px; padding:0; font-weight: 400; color:#151515;font-family: 'Open Sans', sans-serif;}

img{ max-width: 100%;}

a, img{ border:0; text-decoration: none; outline: none;}

a:visited, a:focus, a:hover { /*color:#9d1f6a;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}

a:hover{ text-decoration:none; color: #052f49;}



input, textarea, select{ font-weight: 400; font-size: 15px; outline: none;}

input[type="button"]{ color: #fff;background: #0859a9; padding: 10px 20px; font-weight: 600;font-family: 'Open Sans', sans-serif; font-size: 18px; transition:all 0.3s ease 0s; outline: none;border: 0;height: 50px;}

dl, ol, ul {margin: 0; padding: 0;}

/* --- for placeholder color --- */



/*::-moz-placeholder{color:#fff; opacity:1;}

:-ms-input-placeholder{color:#fff;}

::-webkit-input-placeholder{color:#fff;}*/



/* --- for placeholder color --- */





/* --- Button Styles --- */



.btn{ position: relative; font-weight: normal;font-family: 'OpenSans';border: 1px solid #f5821f; background: #f5821f; color: #fff; text-transform: uppercase; padding:12px 32px; font-size: 15px; line-height: 1;  border-radius: 25px;  transition: all 0.5s ease 0s; }

.btn:hover, .btn:focus, .btn:hover, a.btn:focus{ color: #f5821f; background:#fff;}



.btn.btn-white{ border: 1px solid #fff; background:transparent; color: #fff; }

.btn.btn-white:hover{ border: 1px solid #f5821f; color: #fff; background:#f5821f;}

.btn.btn-blue{ border: 1px solid #0054a6;font-family: 'Open Sans', sans-serif; font-weight:600; background:transparent; color: #0054a6 !important; font-size: 18px; padding: 15px 28px; }

.btn.btn-blue:hover{ border: 1px solid #0054a6; color: #fff !important; background:#0054a6;}



.btn.btn-yellow{ border: 1px solid #f5821f; padding:15px 39px; font-size: 18px;font-family: 'Open Sans', sans-serif; font-weight: 600; background:#f5821f; color: #fff; text-transform: uppercase;}

.btn.btn-yellow:hover{ border: 1px solid #f5821f; color: #f5821f; background:#fff;}









/* --- Button Styles --- */



/*..............common styles..............*/





.common-padding { padding-top: 80px; padding-bottom: 80px; }

.padding-top{padding-top: 80px;}

.padding-bottom{padding-bottom: 80px;}

.blue-line, .yellow-line, .yellow-sm, .blue-sm { position: relative;margin-bottom: 80px;}

.blue-line:after { position: absolute; left: 0; right: 0; margin: 0 auto; width:126px; height: 3px; background: #0054a6; content: "";bottom: -30px;}

.yellow-line:after { position: absolute; left: 0; right: 0; margin: 0 auto; width:126px; height: 3px; background: #f5821f; content: "";bottom: -30px;}

.yellow-sm:after { position: absolute; left: 0; width:85px; height: 4px; background: #f5821f; content: "";bottom:-15px;}

.blue-sm:after { position: absolute; left: 0;right: 0; margin: 0 auto; width:85px; height: 4px; background: #0054a6; content: "";bottom:-15px;}

















/*for header css*/

.nav_btn, .nav_close { display: none; }

.nav_close { position: absolute; right: 20px;  top: 17px; font-size: 28px; }



header {background: #fff;}

header *{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.hdr-nav-wrap{ display: flex;  align-items: center;  justify-content: space-between;}

.hdr-nav { position: absolute; left: 0; right: 0; z-index: 9;}

.login a.btn-login {

    color: #fff;

    text-transform: uppercase;

    padding-right: 18px;

}

.login {

    border-bottom: solid 1px #fff;

    padding-bottom: 15px;

}



.hdr-navigation-area {text-align: right;}

.main_menu ul li {display: inline-block; position: relative;}

.main_menu ul li:not(:last-child) { margin: 0 32px 0 0!important;}

.main_menu ul li a{color:#fff;position: relative; display: inline-block; text-transform: uppercase;padding:15px 0; font-weight: normal; font-size: 16px; line-height: 1;font-family: 'OpenSans';}

.main_menu ul li a.active, .main_menu ul li a:hover {color:#f5821f;}

.main_menu ul li ul.submenu{ position: absolute; width: 200px; background: black; top: 74px; left: 0;padding: 0; z-index: 2; display: none;}

.main_menu ul li:hover ul.submenu, .main_menu ul li ul.submenu li:hover ul.submenu {display: block;}

.main_menu ul li ul.submenu li ul.submenu{ position: absolute; width: 200px; background: black; top: 0; left:100%;padding: 0; z-index: 2; display: none;}

.main_menu ul li ul.submenu li {  display: block; text-align: left; margin: 0 !important;}

.main_menu ul li ul.submenu li a { display: block;text-transform: capitalize; padding: 5px 10px; border-bottom: solid 1px #fff;}

.main_menu ul li ul.submenu li:last-child a{border-bottom:0;}



.main_menu ul li a.parent:after {

    position: absolute;

    top: 23px;

    right: -13px;

    content: "";

    width: 10px;

    height: 7px;

    background: url(../images/angel-down-icon.png);

}

.main_menu ul li.btn-login { display: none;}

.main_menu ul li:nth-child(6) { margin-right: 0!important;}

/*for header css*/



.social-media { padding-bottom: 30px;}

.social-media ul li {display: inline-block; text-align: center;  margin: 0 5px; }

.social-media ul li a {display: inline-flex;  width: 30px; height: 30px; border-radius: 50%; background: #f5821f; align-items: center; justify-content: center; color: #fff;font-size: 18px; line-height: 30px;}

.social-media ul li a:hover { color: #000;}





button:focus { outline: 0;}





.home-slider-img:before { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content:""; background:rgba(0, 0, 0, 0.7);z-index: 1;}



.home-slider-box {

    position: relative;z-index: 5;

}

.home-slider-desc {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    text-align: center;

    width:100%;

    z-index: 2;

    margin: 0 auto;

}

.home-slider-desc h2{color: #fff;font-size: 65px;font-weight: 500;}

.home-slider-desc h2 span{color: #f5821f;}

.home-slider-desc h6{color: #fff; font-weight: 300;}

.home-slider .owl-nav button.owl-prev { position: absolute; top: 50%; transform: translateY(-50%);width: 30px; height: 23px;  left: 50px; background-image:url(../images/arrow-pre.png);}

.home-slider .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%);width: 30px; height: 23px;  right: 50px; background-image:url(../images/arrow-next.png);}

.home-slider .owl-nav button span{display: none;}



.owl-theme .owl-dots {

    bottom: 50px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0;

}

.owl-theme .owl-dots .owl-dot span { border: solid 1px #fff;background: transparent;}

.owl-theme .owl-dots .owl-dot span { border: solid 1px #fff; background: transparent;}

.owl-theme .owl-nav { margin-top: 0;}





section.business-area {

    padding: 40px;

    background: #0054a6;

}

section.business-area h5{color: #fff;}

section.business-area a.btn {

    min-width: 160px;

    margin: 0 7px;

}

.abt-desc p span{color: #f5821f;}





.about-img {

    padding: 40px 0 40px 40px;

    background: #e0e0e0;}







.services-desc {margin-bottom: 40px; text-align: center;}

.srv-icon {

    width: 100px;

    height: 100px;

    margin: 0 auto 20px;

    background: #f5821f;

    border-radius: 50%;

}

.services-desc p{font-weight: 300;font-size: 14px;}



section.work-area{ position: relative; background-size: cover !important;}

section.work-area:before{ position: absolute;top: 0;right:0; bottom: 0; left: 0; content: ""; background:rgba(0, 84, 166, 0.8);}



.work-desc { text-align: center;}

.work-icon {

    width: 100px;

    height: 100px;

    margin: 0 auto 20px;border: solid 2px #fff;

    border-radius: 50%;

}

.work-desc h2{color: #fff;font-size: 65px;}

.work-desc h2, .work-desc h5{color: #fff;}

.work-area h3{color: #fff;}





.why-us-desc {

    padding: 20px;

    background: #f5821f;

    margin: -34px 20px 20px;

    border-radius: 15px;

    position: relative;min-height: 226px;

    z-index: 2;

}

.why-us-desc h6{color: #0054a6;font-family: 'Museo-700';font-weight: normal;}

.why-us-desc ul li{position: relative;list-style: none; padding: 7px 0 0 25px;}

.why-us-desc ul li:before{position: absolute; width: 18px; height: 12px; left: 0; top: 11px; content: ""; background: url(../images/tick.png);}











.user { width: 60px;margin-right: 10px;}

.post-by {

    display: flex;

    align-items: center;

    justify-content: center;

}

.post-by h6 span {

    display: block;

    color: #838587;

    font-size: 14px;

    font-style: italic;

    line-height: 1;

}

.cote{width:95px; margin:0px auto -40px;}

.clients-desc {

    text-align: center;

}

.owl-theme.clients  .owl-dots .owl-dot span { border: solid 1px #f5821f;}

.owl-theme.clients  .owl-dots .owl-dot.active span, .owl-theme.clients  .owl-dots .owl-dot:hover span { background: #f5821f;}

.owl-theme.clients .owl-dots {bottom: -40px;}







footer.main-footer p{color: #fff;}









footer.main-footer {padding: 0; background: #013160;}

.copy-rights{border-top: solid 1px #0054a6;padding: 30px 0;}

.copy-rights p{font-size: 14px; font-weight: 300; margin-bottom: 0;color: #fff;}

ul.ftr-nav li { display: inline-block;  padding: 35px 20px;}

ul.ftr-nav li a{ display:block;color: #fff; font-size: 16px; font-weight:400; text-transform: uppercase;}

ul.ftr-nav li a:hover { color: #f5821f;}









section.inner-banner:before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    background: rgba(0, 0, 0, 0.7);}

section.inner-banner {

    height: 685px;

    position: relative;

    display: flex;

    align-items: center;

}

section.inner-banner h1{color: #fff;}

.account-work-desc {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -47.5%;

    background: #fff;

    width: 80%;

    padding: 50px;

    border-radius: 20px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

section.account-work .row:nth-child(even) .account-work-desc {

    left: auto;

    right: -47.5%;

}

.account-work-main {

    padding-bottom: 70px;

}

.register-here {

    padding: 50px 0;

    background: #fbfbfb;

}

.account-work-desc ul { padding-left: 20px;}

.business-option-desc {

    border-radius: 20px;

    border: solid 3px #e4e4e4; margin-top: 45px;

    height: 226px;transition: all 0.3s ease-in-out 0s;

    padding: 70px 40px 40px;position: relative;

}

.business-option-desc span {

    font-size: 40px;

    width: 75px;

    height: 75px;

    border: solid 3px #e4e4e4;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    color: #e4e4e4;

    line-height: 75px;

    outline: 10px solid #fff;

    left: 50px;

    position: absolute;

    top: -40px;

    background: #fff;

}

.business-option-desc div p {

    font-weight: 700;

    font-size: 30px;

    display: flex;color: #e4e4e4;

    align-items: end;

    justify-content: flex-end;

}

.business-option-desc p{color: #e4e4e4;font-size: 21px;line-height: 30px;}

.business-option-desc.active, .business-option-desc:hover{border: solid 3px #0054a6;}

.business-option-desc.active div p, .business-option-desc:hover div p {color: #0054a6;}

.business-option-desc.active span, .business-option-desc:hover span { border: solid 3px #0054a6; color: #0054a6;}

.business-option-desc.active p, .business-option-desc:hover p{color: #151515;}



.career-desc {border-radius: 20px;border: solid 3px #e4e4e4; margin-bottom: 45px;height:auto;transition: all 0.3s ease-in-out 0s;padding: 40px;position: relative;}
.career-desc h6 {display: inline-block;text-align: center;color: #e4e4e4;left: 50px;font-family: 'Museo500-Regular';font-weight: 500;text-transform: uppercase;position: absolute;top: -16px;
    padding: 0 10px;background: #fff;}
.career-desc p{color: #000;font-size: 18px;line-height: 30px;}
.career-desc.active, .career-desc:hover{border: solid 3px #0054a6;}
.career-desc.active h6, .career-desc:hover h6 { color: #0054a6;}
.cont-desc .blue-sm:after { right: auto;}
.cont-desc h6 { font-family: 'Museo500-Regular'; font-weight: 500;}
.cont-desc input.form-control {background: #e9e9e9;height: 50px;border: 0;margin-bottom: 10px;}
.cont-desc input.submit {border-radius: 4px;width: 100%;text-transform: capitalize;}
.cont-desc {padding: 50px;}
.cont-bg{ background: #f9f9f9;border-radius: 25px;}
.events-desc { padding: 20px 20px 0;}
.events-desc {display: flex;}
.events-desc .events-desc-post h5{font-family: 'Open Sans', sans-serif; font-weight: 700;font-size: 20px; color: #2f2f2f;}
.events-desc .events-desc-post h5 span { font-size: 42px; display: block; color: #0054a6; line-height: 1;}
.events-desc .events-desc-post-sum h6{font-family: 'Museo-700'; font-weight: normal;font-size: 18px;margin-bottom: 5px;}
.events-desc-post { margin-right: 15px;}
.events-box {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 15px; overflow: hidden;}
.select-events ul {display: flex;align-items: flex-end;justify-content: flex-end;}

.select-events ul li{padding: 0 10px;list-style: none;}

.select-events ul select.form-control {

    border: 0;

    background:#efeff4 url(../images/angel-down.png) no-repeat 96% 21px;font-family: 'Museo-700'; font-weight: normal;

    padding: 0 25px;color: #000; font-size: 16px;  height: 48px !important; display: inline-block;-webkit-appearance: none;}

.form-control:focus {  outline: 0;border: 0; box-shadow: 0 0 0;}

section.events-area{ background: #f8f8f8;}

section.events-area h3.blue-line:after, section.news-area h3.blue-line:after, .events-articles-area h3.blue-line:after{right: auto;}





.news-box { padding: 7px; border: solid 1px #aeaeae;  border-radius: 20px;}

.news-box img {border-radius: 15px;}

.news-desc { padding: 20px 20px 0;}

.news-desc h6, .events-articles-desc h6{font-family: 'Museo-700'; font-weight: normal; color: #000; font-size: 18px; }

.news-desc h6 a{color: #000; }

.date-of-post p span {color: #0054a6;}

.events-articles-img { margin-bottom: 20px;}



.services-desc h6{font-family: 'Museo-700'; font-weight: normal; color: #000; font-size: 16px; }



.events-articles-img img {border-radius: 15px;}











/*.tabs {

  max-width: 640px;

  margin: 0 auto;

  padding: 0 20px;

}*/

#tab-button {

  display: table;

  width:auto;

  margin: 0 auto;

  padding: 0;

  list-style: none;

}

#tab-button li {

  display: table-cell;

  width: 20%;

}

#tab-button li a {

  display: block;

  padding: .5em;

  background: #fff;

  border-right:2px solid #0054a6;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  text-align: center;

  color: #000;font-family: 'Museo500-Regular';font-weight: 500;font-size: 20px;

  text-decoration: none;

}

#tab-button li:not(:first-child) a { border-left: none;}

#tab-button li:last-child a { border-right: 0;}

#tab-button li a:hover,

#tab-button .is-active a {

  border-bottom-color: transparent;

  background: #0054a6;color: #fff;

}

.tab-contents {padding: 0;  border: 0;}

/*.tab-button-outer {display: none;}*/

.tab-contents {

  margin-top: 20px;

}

@media screen and (min-width: 768px) {

  .tab-button-outer {

    position: relative;

    z-index: 2;

    display: block;

  }

  /*.tab-select-outer { display: none;  }*/

  .tab-contents {

    position: relative;

    top: 0;

    margin-top: 0;

  }

}



.size-box-area h4 span{color: #0054a6; font-size: 20px;font-family: 'Museo500-Regular';font-weight: 500;text-transform: uppercase;padding-right: 10px;}

.size-box-area h4 {background: #f8f8f8;margin: 0; display: flex; justify-content: center;height: 75px;color: #f6a159;line-height: 75px;font-size: 25px;}
.size-box-area h4 span {margin-left: 5px;}

.size-box-area h6 span {

    display: block;

    color: #464646;

    font-size: 16px;

}

.size-box-area h6{text-align: center;margin: 20px 0;}

.size-box-area {}

.size-box ul { display: flex; list-style: none;}

.size-box ul li{ width: 25%;border: solid 1px #eaeaea; margin: 0 5px;}

.size-box ul li ul { display: block;width: auto;padding: 0 20px;}

.size-box ul li ul li{width: 100%;position: relative;border:0; margin: 0; padding:5px 0 5px 20px;}

.size-box ul li ul li:before{position: absolute; left:0; top:6px; background: url(../images/blue-tick.png);content: ""; width: 14px; height: 12px;}

.size-box-area p { padding: 0 20px;}

.note-tab h6 {color: #202020;font-family: 'Museo-700'; font-weight: normal;margin: 20px 0;}

.bg-gray{ background: #f7f7f7;}







.panel-group .panel {border-radius: 0;  box-shadow: none;  border-color: #EEEEEE;}

.panel-default > .panel-heading {padding: 0;border-radius: 0;color: #212121;background-color: #FAFAFA;border-color: #EEEEEE;    }

.panel-title {font-size: 20px;

    border-top: solid 1px #e0e0e0;

    background: #f5821f;

    padding: 20px;

    margin-bottom: 0;}

.panel-title > a {display: block; color: #fff; text-decoration: none;}

.more-less { float: right;  color: #212121;}

.panel-default > .panel-heading + .panel-collapse > .panel-body {background: #f7f7f7; padding: 15px 15px 1px 15px;border-top-color: #EEEEEE;}



.panel-title a i.glyphicon-plus, .panel-title a i.glyphicon-minus { position: relative;}

.panel-title a i.glyphicon-plus:before{position: absolute; left:-16px; top:6px; background: url(../images/angel-down-gray.png);content: ""; width: 15px; height: 9px;transform: rotate(-90deg);transition:all 0.3s ease 0s;}

.panel-title a i.glyphicon-minus:before{position: absolute; left:-16px; top:6px; background: url(../images/angel-down-gray.png);content: ""; width: 15px; height: 9px; transition: all 0.3s ease 0s;}









.diagram ul {

    display: flex;

    list-style: none;

}

.diagram ul li {

    width: 20%;

    padding: 0 20px;position: relative;

    text-align: center;

}

.diagram ul li h5{font-size: 18px;margin: 20px 0;}

.diagram ul li p{font-size: 14px;}

.line-row {

    height: 7px;

    width: 80%;

    background: #f4a602;

    margin: 0 auto 36px;

}

.shape-right {

    position: absolute;

    right: -75px;

    top: 36px;

    z-index: 1;

}

.line-top {

    position: absolute;

    width: 7px;

    left: 0;

    height: 44px;

    background: #f4a602;

    right: 0;

    margin: 0 auto;

    top: -43px;

}



.srv-logo { width: 175px;}

.srv-logo img, .shape-right img { width: 80%;}



.project-hd h3 {

    border: solid 4px #f4a602;

    display: inline-block;

    padding: 34px 65px;

    border-radius: 75px;

    margin-bottom: 40px;

    position: relative;

}

.project-hd h3:after{position: absolute; bottom:-44px; left: 0; right: 0; margin: 0 auto; content: ""; width: 7px; height: 44px; background:#f4a602;}



.project-scope .yellow-sm:after { right: 0; margin: 0 auto;}

.account-work-img img {

    border-radius: 15px;

}





.blog-desc h6{font-family: 'Museo-700'; font-weight: normal;font-size: 18px;}

.blog-desc {

    padding: 30px 15px 15px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    border-radius: 15px;

    margin-top: -40px;

    background: #fff;

    position: relative;

    min-height: 231px;

}

.main_menu ul li.desktop { display: none;}
.cont-solution-desc h3 {color: #fff;text-shadow: 0 2px 5px #000000;font-size: 20px;}
.cont-solution-desc {background: #f5821f; height: auto; display: flex; /*align-items: center;*/ text-align: center; padding: 50px;}
section.blog-area img {border-radius: 15px;}
section.events-articles-area {margin-top: 100px;}
.on-demand-box {border: 1px solid #dedede;margin-top: 30px;background: #013160;}
.on-demand-box h6 {color: #f5821f; }
.size-box li.master-li:hover {border: 2px solid #013160;}
.size-box li.master-li:hover h4 {background: #f6a159; color: #000;}
.size-box li.master-li:hover .size-box-area {background: #013160; color: #fff;}
.size-box li.master-li:hover .size-box-area h6{color: #fff;}
.size-box li.master-li:hover .size-box-area h6 span{color: #fff;}


/*Media Query css*/

@media ( min-width: 1440px ) {
.container {max-width: 1230px;}
}

@media only screen and ( max-width: 1740px ) { }

@media only screen and ( max-width: 1599px ) { }

@media only screen and ( max-width: 1440px ) {
.home-slider-desc h2 {font-size: 50px;}
}

@media only screen and ( max-width: 1366px ) {
.home-slider-desc {  top: 60%;}  
.login { padding: 10px 0;}
}

@media only screen and ( max-width: 1280px ) { 
.main_menu ul li:not(:last-child) { margin: 0 10px 0 0!important;}
h1{ font-size:40px;}
h2{ font-size:35px;}
h3{ font-size:28px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
p{ font-size:16px;}
.home-slider-desc h2 {font-size: 40px;}
.hdr-logo { width: 250px;}
}

@media only screen and ( max-width: 1199px ) {
.home-slider-desc {padding: 0 15px; width: 100%;} 
html, body { overflow-x: hidden;} 
.common-padding { padding-top: 40px; padding-bottom: 40px; }
.padding-top{padding-top: 40px;}
.padding-bottom{padding-bottom: 40px;} 
.main_menu ul li:not(:last-child) { margin: 0 5px 0 0!important;}
.size-box ul li { width: 31.333%; float: left; margin: 5px;}
.size-box ul { display: block;}
}

@media only screen and ( min-width: 992px ) {
    div#m_menu { justify-content: flex-end; width: 100% !important;}
}

@media only screen and ( max-width: 991px ) { 

.main_menu ul li a.active, .main_menu ul li a:hover {  color: #ffffff;}

.nav_btn {  position: absolute; right: 30px; z-index: 2; height: 20px; top:30px; display: block; cursor: pointer;}

.nav_btn div {   -webkit-box-shadow: 0px 9px 0px 0px #fff, 0px 18px 0px 0px #fff; -moz-box-shadow: 0px 9px 0px 0px rgba(0,0,0,1), 0px 18px 0px 0px rgba(0,0,0,1);  box-shadow: 0px 9px 0px 0px #fff, 0px 18px 0px 0px #fff; width: 30px; height: 3px; background-color: #fff;}

.menu_wrap {align-items: flex-start !important; position: fixed; left: 0; right: 0;top: 0; bottom: 0; background:#f5821f; z-index: 99; overflow-y: auto; width: 0;}

.main_menu ul li { line-height: 1; display: block; display: block; text-align: left; text-align: center; border-bottom: 1px solid #000;}

.main_menu {  width: 100%; padding-top:55px;background:#f5821f;}

.main_menu ul li a { color: #fff; text-transform: uppercase;padding: 10px 0; font-size: 16px;}

.nav_btn, .nav_close { display: block;}



.main_menu ul li ul.sub-menu { margin: 0; padding: 0;}

.main_menu ul li ul.sub-menu li {padding: 7px 0; line-height: 2; list-style: none; margin: 0!important; border-top: 1px solid #d84e53;}

.main_menu ul li ul.sub-menu li a{font-size: 18px;}

.nav_close i.far.fa-times-circle { color: #fff;}



.main_menu ul li.menu-item-has-children:before {  position: absolute; right: 0; top: 12px; width: 30px;color: #fff;  height: 30px;font: normal normal normal 30px/1 FontAwesome; content:"\f107"; background:rgb(178, 48, 53);}

.main_menu ul li ul.sub-menu { display: none;  position: relative; top: auto; width: auto; background: #b23035;}

.main_menu ul li:not(:last-child) {  margin: 0!important;}

.main_menu ul li ul.submenu {position: relative;  width: 100%; top: auto; left: 0; padding: 0;}

.main_menu ul li ul.submenu li ul.submenu { position: relative; width: 100%; top: 0; left: 0;}

    

    

.design-hd, .design-btn, .welcome-desc { text-align: center;}

.design-cat img, .instagram-img img { width: 100%;}

section.instagram-area .col-lg-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}

    

ul.ftr-nav { padding: 20px 0;}  

ul.ftr-nav li { display: block;  padding: 7px 0;} 

.btn { font-size: 14px;} 

.hdr-nav { padding: 10px 0;} 

.welcome-img{ padding-bottom: 20px;}  

.home-slider-desc h2 { font-size: 30px;} 

.main_menu ul li.desktop { display: block;}

.login { display: none;}  

.hdr-logo { width: 200px;}

.home-slider-desc h6{font-size: 14px; line-height: 20px;}

.home-slider .owl-nav button, .home-slider-desc h6 br{display: none !important;}

.owl-theme.home-slider .owl-dots {bottom: 10px;}

section.business-area .btn-wrap { justify-content: center; display: flex;}  

section.business-area a.btn { min-width: 80px;} 

.about-img { padding: 0;} 

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

.abt-desc { text-align: center; padding-top: 30px;}    

.work-desc h2 { font-size: 35px;}

.why-us-img img { width: 100%;}

.why-us-desc {min-height: auto;}  

    

.business-option-desc { margin: 45px 0; height: auto;} 

.account-work-desc { padding: 20px;position: relative; top:0;  transform: translateY(0); left: 0; width: auto;  margin-top: -30px;}

section.account-work .row:nth-child(even) .account-work-desc { right: 0;}

section.inner-banner { height: 450px;}

.size-box ul li { width: 48.333%;} 

h1{ font-size:30px;}

h2{ font-size:30px;}

h3{ font-size:24px;}  

    

.shape-right, .line-row, .project-hd h3:after, .line-top{display: none;}

.diagram ul {display: block;}

.diagram ul li {width: auto;margin-bottom: 40px;display: block;}

.srv-logo {margin: 0 auto;}

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

.blog-box {  margin-bottom: 30px;}

.blog-desc { min-height: auto;}

.events-box, .news-box { margin-bottom: 20px;}

.select-events ul li { margin-bottom:5px;}

.select-events ul {display: block;margin-bottom: 20px;}

.cont-desc {

    padding: 20px;

    margin-bottom: 30px;

}

    

    

    

    

    

}



@media only screen and ( max-width: 767px ) {

    

.home-slider-img img { height: 350px;}

.home-slider-desc h2 { font-size: 20px;}  

.home-slider-desc h5 { font-size: 14px;}  

.home-slider-desc h5 br{display: none;}  

.home-slider-desc { width: 95%;}

.home-slider-desc {top: 65%;}

.home-slider .owl-nav button.owl-next {right: 10px;}

.home-slider .owl-nav button.owl-prev {left: 10px;}

.size-box ul li { width: 100%;} 

#tab-button li a { font-size: 14px;}

.panel-title > a { padding-right: 15px;}

.panel-title a i.glyphicon-plus:before { left: 0;}

    

.btn { font-size: 12px; margin: 5px 0;} 

    

    

    

}

@media only screen and ( max-width: 667px ) { }

@media (max-width:640px){}

@media (max-width:400px){}









/*Media Query css*/