body { white-space: normal; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); line-height: 1.4;  margin: 0px;  padding: 0px;  font-weight: normal;  font-family: "HPSimplifiedLight", Arial, sans-serif;overflow-x: hidden; color: #191919;}
html{ scroll-behavior: smooth;}

@font-face {
font-family: 'HPSimplifiedLight';src: url('HPSimplifiedLight.eot');
src: url('HPSimplifiedLight.eot') format('embedded-opentype'), url('HPSimplifiedLight.woff2') format('woff2'), url('HPSimplifiedLight.woff') format('woff'), url('HPSimplifiedLight.ttf') format('truetype'), url('HPSimplifiedLight.svg#HPSimplifiedLight') format('svg');
}
@font-face {
font-family: 'HPSimplifiedRegular';src: url('HPSimplifiedRegular.eot');
src: url('HPSimplifiedRegular.eot') format('embedded-opentype'), url('HPSimplifiedRegular.woff2') format('woff2'), url('HPSimplifiedRegular.woff') format('woff'), url('HPSimplifiedRegular.ttf') format('truetype'), url('HPSimplifiedRegular.svg#HPSimplifiedRegular') format('svg');
}
@font-face {
font-family: "HPSimplifiedLight";font-style: normal;font-weight: normal;
src: url("https://www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("https://www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("https://www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
}

*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}
a, img {text-decoration: none;outline: none;}
ul{margin:0;padding:0;list-style:none;}

h1{font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h2{font-size: calc(20px + (33 - 20) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300))); font-family: 'HPSimplifiedRegular';}

img{ max-width: 100%; }
.btnPrimary{ display: inline-block; width: 100%;}
.btnPrimary a{color: #FFFFFF;background-color: #0171ad; border: 1px solid #0171ad; line-height: 33px;padding: 0 19px 0 19px;border-radius: 5px;   display: inline-block;margin: 1px 0 0;font-family: "HPSimplifiedRegular";-webkit-transition: all .3s ease;  transition: all .3s ease}
.btnPrimary a:hover{background-color: #000000;color: #FFFFFF;}
 
*:hover{ transition: all .5s;outline:0;}


/*Nav*/
.logo a {font-size: 24px;padding: 0;margin: 18px 0 0;height: auto;font-family: "HPSimplifiedRegular";color: #000;}
.main-nav{z-index: 999;min-height: 72px;padding: 5px 0 0;float: left;width: 100%;background: #ffffff;
    /* box-shadow:0 3px 6px 0 rgb(197 197 197 / 16%); */   border-bottom: 0px solid #fff;position: fixed;font-family: 'HPSimplifiedRegular';}
nav ul { width: auto;margin: 0 auto; list-style: none; text-align: center; display: table;}
nav ul li {float: left;padding: 18px 15px 18px 15px;vertical-align: middle;position: relative;-webkit-transition: all .3s ease;transition: all .3s ease;}
nav ul li a {border-bottom: 2px solid transparent; padding: 10px 0; color: #000; text-decoration: none; transition: all 0.2s ease; font-size: 16px;}
nav ul li a:hover { color: #0171ad; border-bottom: 2px solid #0171ad;}
.dropdown-list {display: none;top: 71px; left: -20px;position: absolute;background-color: #fff;min-width: 204px;box-shadow:0 4px 6px 0 rgba(0,0,0,.2);z-index: 1;}


.main-nav .btn-group {float: right;margin: 0px 0 0;max-width: 217px;width: 100%;}
a.button.primary {color: #FFFFFF;background-color: #0171ad;line-height: 33px;padding: 0 13px 0 13px;border-radius: 5px;display: inline-block;margin: 12px 0 0 11px; text-align: center;}
.main-nav .btn-group a.button.primary:nth-child(2){ border: 1px solid #0171ad; color: #0171ad; background-color: #fff;}
.main-nav .btn-group a.button.primary:hover{ background-color: #000000;color: #FFFFFF;}

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 19px; margin:19px 0px 5px 0px;}
.mobile_btn a {text-decoration: none; color: #000;}
.btn-open:after { font-size: 24px;margin-left: 10px; color: #000; content: "\f107"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;  -o-transition: all .2s linear 0s;  border-radius: 0px;}
.btn-close:after { font-size: 24px; margin-left: 10px; color: #000; content: "\f106"; font-family: "FontAwesome"; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;  -o-transition: all .2s linear 0s;}
.toggle_menu { overflow-y: auto;display: none; position: absolute; top:64px; width: 100%;  z-index: 999; right: 0;height: 100vh;background: rgb(0 0 0 / 49%);  }
.toggle_menu ul{background: #fff;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile_btn a.btn-close { margin: 0 0 0;}
.mobile_nav{display: none;}

/*Nav*/

/* slider */
.slider {float: left;position: relative;width: 100%; margin: 71px 0 0; }
.slider img{ width: 100%;}
.slider img.sliderMobile{ display: none;}
.sliderCourses .slidefix{ position: absolute;    width: 100%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);  left: 50%;}
.sliderCourses .slick-slide{position: relative;}
.titleName { background: #fff;float: left;padding: 26px 32px 32px;max-width: 423px;z-index: 99;    border-radius: 10px;}
.titleName.lftt{float: right;}
.titleName h2 {color: #000; float: left;width: 100%;margin: 0 0 0;}
.titleName p {padding: 10px 0 10px;color: #000;font-size: 20px;float: left;width: 100%;font-family: "HPSimplifiedLight";}
.btnal{ display: inline-block; width: 100%;}
.btnal a{color: #FFFFFF;background-color: #2171ac; border: 1px solid transparent; font-size: 17px; display: inline-block;margin: 1px 0 0; line-height: 33px; padding: 0 19px 0 19px;    border-radius: 5px;-webkit-transition: all .3s ease;  transition: all .3s ease}


.sliderCourses .slidefix3 { top: auto; bottom: 32px; left: auto; right:19%; -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%);}
.sliderCourses .slidefix3 .titleName {background: transparent; padding: 0; float: right; text-align: right; }
.sliderCourses .slidefix3 .titleName p{ max-width: 203px; float: right; color: #fff;font-family: 'HPSimplifiedRegular';}
.sliderCourses .slidefix3  .btnal a{color: #2171ac;background-color: #ffffff; border: 1px solid #2171ac;}
.btnal a:hover,.sliderCourses .slidefix3  .btnal a:hover{background-color: #000;color: #fff;border: 1px solid transparent;}

.sliderCourses .slick-prev {left: 10px;}
.sliderCourses .slick-next {right: 10px;}

.sliderCourses  .slick-dots li, .sliderCourses .slick-dots li{width:6px; height:6px; margin: 0 6px;transition: all .5s;}
.sliderCourses li.slick-active { width: 62px;border-radius: 15px;}
.sliderCourses li.slick-active button:before{border-radius: 15px;background-color: #000;}
.sliderCourses  .slick-dots{ bottom: -15px;}

.slideftop {position: absolute;width: 100%;left: 0;top: 60px;}
img.rating_sticker {position: static;top: 0; left: 0; float: left;  width: 150px; }
img.rating_sticker1 {float: right; }
.slider .rating_Mo{display: none; width: 150px;}

/* Instant */
.helpprin{ float: left; width: 100%; text-align: center;  padding: 46px 0 0px;}
.helpprin h2{width: 100%;  text-align: center; padding:27px 0 10px;}
.helpprin .ptext{ font-size: 20px;}
.helpprin ul{ display: flex; flex-wrap: wrap; }
.helpprin li { flex-basis: 25%; padding: 22px 22px 0; text-align: left; }
.helpprin li img{ height: 60px;  margin: 0px 0 14px;}
.helpprin p{ font-size: 16px; margin: 0;}

/* Video */
.design {  float: left; width: 100%; overflow: hidden; position: relative; text-align: center;}
 
.design .text-above-image{position: absolute;left: 50%;top: 50%;color: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.design .text-above-image a {height: 70px; width: 70px; border: 3px solid #fff; display: inline-block; background: rgba(0, 0, 0, 0.3); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;  -webkit-transition: opacity .3s ease; transition: opacity .3s ease; color: #fff; line-height: 68px; font-size: 28px; opacity: 1;}
.design .text-above-image a i{margin-left: 3px;}
.design .text-above-image a:hover{background: rgba(0, 0, 0, 0.4); opacity: 1;}
.mewrap  .btnPrimary{margin:41px 0 32px; text-align: center;}
.mewrap h2{ text-align: center;  }
.cotext{ padding: 68px 0 0px;float: left; width: 100%; }
.cotext h2{ padding: 0px 0 33px;}

.videopp button.close { position: relative;  z-index: 99; opacity: 1;}
.videopp .modal-body iframe{ max-width: 100%;}
.videopp .modal-content{background: transparent; -webkit-box-shadow: 0 0; box-shadow: 0 0;}
.topback{ position: absolute; z-index: -1 ; width: 100%; height: 100%;}
.videopp  .modal-content{ max-width:900px ; margin: auto;}
.design .videoMo{display: none;}
/*Design*/


/* courses Topic */
.coursesTopic{display: inline-block;width: 100%;text-align: center;background-color: #F7F7F7;padding: 56px 0 44px;}
.coursesTopic h2.adnewhed{width: 100%;text-align: center;font-weight: 300;padding: 0 0 10px;}
p.seccen{line-height: 22px;}
.coursesTopic h3.smallte{width: 100%;text-align: center;font-weight: 300;padding: 41px 0 22px;}
.coursesSlide .slick-slide {margin: 0 13px;padding: 0 14px;text-align: center;background-color: #e52de5;}
.coursesSlide .slick-slide a img{ display: inline-block;}
 
.coursesSlide .slick-slide a{min-height: 225px;color: #fff;display: block;position: relative;padding: 60px 0 0;}
.toptext{position: absolute;top: 33px;left: 0;font-size: 16px;line-height: 18px;width: 100%;}
.coursesSlide p{font-family: 'HPSimplifiedRegular';font-size: 22px;} 

.coursesSlide .slide-item span{font-size: 15px;margin: 6px 0 9px;display: block;transition: all .5s;}
.coursesSlide .slick-slide:nth-child(2) {background-color: #AF00AF;}
.coursesSlide .slick-slide:nth-child(3) {background-color: #9A009A;}
.coursesSlide .slick-slide:nth-child(4) {background-color: #9A009A;}
.coursesSlide .slick-slide:nth-child(5) {background-color: #810081;}
.coursesSlide .slick-slide:hover{ background-color: #e52de5;}
.coursesSlide .slick-slide:hover p,.coursesSlide .slick-slide:hover span::before{ color: #fff;}
 
.tpla{  display: inline-block; width: 100%;text-align: center;font-weight: 300;padding: 45px 0 27px;font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300)));}
.Plans2 .slick-slide { background-color: #0091D2;}
.Plans2 .slick-slide:nth-child(2) {background-color: #0077C0;}
.Plans2 .slick-slide:nth-child(3) {background-color: #015EAE;}
.Plans2 .slick-slide:nth-child(4) {background-color: #01459C;}
.Plans2 .slick-slide:nth-child(5) {background-color: #072887;}
.Plans2 .slick-slide:hover{ background-color: #0091D2;}

.slick-prev, .slick-next{ top: 50%;}
.slick-prev {left: -10px;background: url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/leftArrow.svg) no-repeat left top;height: 30px;width: 30px; }
.slick-next {right: -10px;background: url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/rightArrow.svg) no-repeat left top;height: 30px;width: 30px; }

/* ship ink */
.OfferText{float: left; width: 100%; margin: 38px 0 0; background-color: #953a83;}
.textdata { float: left; text-align: left; padding: 0; color: #ffffff;}
.textdata h2 {margin: 20px 0 10px;text-align: left;}
.Noted{float: left; width: 100%; margin: 15px 0 0; font-size: 13px;    font-family: 'HPSimplifiedRegular';}
.textdata1{ padding: 4% 42px 33px;}
.textdata1 .btnPrimary{text-align: center; margin: 14px 0 0;}
.textdata1 .btnPrimary a {  color: #2171ac;  background-color: #ffffff;  border: 1px solid #2171ac;}
.textdata1 .btnPrimary a:hover{background-color: #000;color: #fff;border: 1px solid transparent;}

.textdata.Climate_Desktop{ padding: 0 15px; min-height: inherit;color: #000000; margin: 39px 0 0;}
.textdata1.Climate_Desktop{background-color: transparent;padding: 0 15px 33px;}
.textdata1.Climate_Desktop .btnPrimary { text-align: center; margin: 15px 0 0;}
.textdata1.Climate_Desktop .btnPrimary a {  color: #ffffff;  background-color: #2171ac;  border: 1px solid #2171ac;}
.textdata1.Climate_Desktop .btnPrimary a:hover{background-color: #000;color: #fff;border: 1px solid transparent;}

.addre {text-align: center;}
.addre img{  max-width: 400px;}

/* Start sweep-image-to-top*/
.testimonials {float: left;width: 100%;padding: 70px 0px 0;}

.fulldiv{width:100%;padding:50px 0 27px;float:left; float: left; text-align:center;}
.fulldiv h2{ margin: 17px 0 35px;  }
.animateBox{overflow: hidden;position:relative;border-radius: 11px;max-width: 30%;background:#fff;float:left;min-height:471px;padding: 77px 37px 120px;margin: 0px 1.3%;}
.aniBox { padding-top: 42px;}
.popTb{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/use_case1_James406x470_new.webp);background-size: cover;  background-size: 416px;  background-position:50%;background-repeat:no-repeat; right:0;bottom:0; position:absolute;top:0;left:0;text-align:center;width:100%;transition:all .3s;}
.popTb1,.popTb2,.popTb3,.popTb4,.popTb5,.popTb6{height:100%;}
.popTb2{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/use_case2_AirControl406x470_new.webp);}
.popTb3{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/use_case3_Flandrin406x470_new.webp);}
 
.popTb4{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/406x470_04.webp);}
.popTb5{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/406x470-Homme-copie.webp);}
.popTb6{background-image:url(https://www.boulanger.com/content/static/bcom/evenements/2020/11_instant-ink/images/406x470_02.webp);}

.complogo li{display:inline-block;padding:6px 12px;}
a.angleupclk{position:absolute;bottom: 37px;background:#b2b2b2;color:white;font-size:20px;width:30px;line-height:25px;height:30px;border-radius:50%;left:46%;}
.aniactive1,.aniactive2,.aniactive3,.aniactive4,.aniactive5,.aniactive6{height:0;}
.pophead{ line-height: 25px; font-size: calc(16px + (21 - 16) * ((100vw - 300px) / (1600 - 300)));font-family: "HPSimplifiedRegular";color:#000000;position:absolute;padding:0 30px;bottom: 81px;text-align:center;width:100%;z-index:1;}
.animateBox p{color: #000;font-size: 16px;margin: 14px 0 45px;line-height: 25px;}
.animateBox h4{margin:9px 0 10px;padding: 0; font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1600 - 300)));}
.animateBox h3{ padding: 0; font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1600 - 300)))}
a.angleupclk i{padding:0;transition: all .5s}
a.rotd1,a.rotd2,a.rotd3,a.rotd4,a.rotd5,a.rotd6{transform:rotate(180deg);background:#c6bebe;color:#000;}
.headint{padding: 26px 0 32px; text-align: center;}
.headint img{ margin: 0 0 15px;}
.btnsho a.disable{ border-color: #ccc!important;    background: #ccc!important;    color: #fff!important;cursor: not-allowed;    pointer-events: none;}

/* End sweep-image-to-top*/
@media screen and (min-width:1100px) and (max-width:1300px){
.animateBox {float: none;display: inline-block;margin: 24px 6px;vertical-align: top;}
}

/*Start Accordion*/
.AccordionBg{ width: 100%; float: left;  background-color: #fff;padding:74px 0 0px;}
.AccordionBg h2{ padding: 0 0 19px; text-align: center;}
.AccordionBg .container{padding-left:40px ; padding-right: 40px;}

#accordion .card .panel-title a{ display: block; padding: 22px 15px 22px; border-top: 1px solid rgba(0,0,0,.125);    font-family: 'HPSimplifiedRegular';    font-size: 17px;    color: #000;}
#accordion  .card:first-child .panel-default .panel-title a  { border-top: 0; }
#accordion .card  .panel-default > .panel-heading{ padding: 0; background-color: #fff; border: 0;}
#accordion .card .panel-title a i {float: right;font-size: 20px; margin: 0 0px 0 0;}
#accordion  .card .panel{border: 0; background: none; box-shadow: 0 0 0;}
#accordion  .card .panel-default > .panel-heading + .panel-collapse > .panel-body{ background: none;border: 0; padding: 0 15px 0;  padding-bottom: 10px;}
#accordion  .card .panel-body p{ margin: 0 0 10px; padding: 0 0px;  font-family: 'HPSimplifiedRegular';  font-size: 13px;  }
#accordion  a.printA{ float: left; color: #0091D2; font-family: 'HPSimplifiedRegular';  font-size: 16px;  }
#accordion  a.printA span{ padding: 9px 0 3px;  display: inline-block;}
#accordion  a.printA:hover{ color: #000;}
/*Accordion*/
.textdd{ text-decoration: underline; color: #000;}


/*modal-body*/
.allmodel .modal-body P{padding: 15PX 0 0 0;}
.allmodel  .modal-body h2{  text-align: center; padding: 14px 0 65px;}
.allmodel  .close:focus, .close:hover{outline: 0; border: 0;}
.popimt { padding:6px 15px 4px;}
.closetn{ opacity: 1; line-height: 10px;color: #fff;position: absolute;right: 0px;    top: -50px;z-index: 99;background: #f3f3f3 !important;width: 30px;height: 30px;border-radius: 50%;}
.allmodel  img.clmpop{ height: 15px;padding: 0px 0 5px;margin: 4px 0px 0px 0px;} 
 

/*modal-body*/ 
@media screen and (max-width:1800px){
 .allmodel .modal-body{ padding: 14px; height: 650px; overflow-y: auto;}
}
@media screen and (min-width:1400px){
 .allmodel .listul {max-width: 324px;display: inline-block;float: none;text-align: left;vertical-align: top;}
.allmodel .dist{text-align: center;}
}
.btnsho{ width: 100%; float: left; text-align: center;    margin: 36px 0 18px;}
.btnsho h3{font-size: calc(18px + (34 - 20) * ((100vw - 300px) / (1600 - 300)));}
.btnsho a{color: #FFFFFF;background-color: #0171ad;line-height: 33px;padding: 0 14px 0 19px;border-radius: 5px;display: inline-block;margin: 26px 0 0 0; font-family: 'HPSimplifiedRegular';text-align: center;}
.allmodel .listul p{ font-family: 'HPSimplifiedLight';   padding: 0 44px 3px; margin: 0 0 0px; color: #000000; }

.pritconti{background-color: #0077C0;  text-align: center; float: left; width: 100%; padding:43px 0 43px; color: #fff;}
.pritconti h2{ padding: 0 0 10px;}
.pritconti p{padding: 0px 0 12px; font-size: 16px;}
.pritconti a.btn { font-size: 16px; color: #000;background-color: #fff;line-height: 33px;padding: 0 16px 0 16px;border-radius: 5px;font-family: 'HPSimplifiedRegular';display: inline-block;margin: 12px 12px; text-align: center;}
.pritconti a.btn:last-child{ border: 1px solid #FFFFFF; color: #FFFFFF; background-color: transparent;}
.pritconti a.btn:hover{ background-color: #000000;color: #FFFFFF;border: 1px solid #000000;}


/*footer CSS*/
.textfooter{background-color: #fff;float: left;width: 100%;padding: 47px 0 22px;}
.textfooter .container{padding: 0 43px 0;}
.textfooter ol{list-style-type: none;}
.textfooter p, .textfooter  li {padding: 2px  0; color: #292929; line-height: 20px; font-family: 'HPSimplifiedRegular';font-size: 12px;    margin: 0 0 10px;}
.textfooter  li {margin:0 0 10px 0px;}
.collapsible-text{margin: 4px 0 33px; color: #000000;  }
.dropClose{cursor: pointer; float: left; width: 100%;border-bottom: 1px solid #929292;    margin: 0 0 29px;}
.dropClose h3{float: left;font-size: 20px; font-family: "HPSimplifiedRegular";}
.dropClose i{float: right;font-size: 22px; font-weight: bolder;}
.dropOpen{ float: left; width: 100%;}
.textfooter p a, .textfooter li a{text-decoration: underline;color: #474747;}
.textfooter p a:hover, .textfooter li a:hover{text-decoration: underline;color: #0077C0;}
.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}

@media screen and (min-width:1100px) and (max-width:1300px){
.sliderCourses .slidefix{  -ms-transform: translateY(-50%);    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    left: 20px;}
.sliderCourses .slidefix3{right: 15px; left: auto; -ms-transform: translateY(0%);    -webkit-transform: translateY(0%);    transform: translateY(0%);}

}




@media screen and (max-width:1100px){
.sliderCourses .slidefix{ left: 15px; margin-left: 0px;max-width: 100%;position: static;margin-top: 0;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%); }
.sliderCourses .slidefix3 .titleName p {  max-width: 100%;  float: left;color: #000;}
.sliderCourses .slidefix3 .titleName { padding: 26px 32px 32px;  background: transparent;  float: left;  text-align: left}
.sliderCourses .slick-prev, .sliderCourses .slick-next { top: 30%;}
img.rating_sticker,.slideftop {display: none;}
.slider .rating_Mo{display: inline-block; width: 100px; position: absolute; top: 15px; left: 15px;}
.slider .rating_Mo2{ right: 15px; left: auto;}
.titleName.lftt{float: left;}
.titleName{padding: 26px 0px 32px;  max-width: 100%;}
.animateBox{ float: none; display: inline-block; margin: 24px 11px; vertical-align: top; max-width: 309px;}
.fulldiv h2 {margin: 0px 0 0px;}
.helpprin ul{ display: flex; flex-wrap: wrap; }
.helpprin li { flex-basis: 48%; padding: 20px 15px; }
.printimg p { margin: 0px 0 0 0px;}
.listul { padding: 0 0 5px;}
.allmodel .modal-body h2 {  padding: 14px 0 34px;}
.allmodel  .modal-body{ padding: 14px; height: 500px; overflow-y: auto;}
.coursesSlide p{  font-size: 25px;} 
.pritconti{ background-color: #0171AD;}
.AccordionBg .container{padding-left:15px ; padding-right: 15px;}
 .textfooter { padding: 22px 0px 22px;}
.textfooter .container {  padding: 0 15px 0;}
.allmodel .listul p{ padding: 0 2px 5px;  }
.textdata1{ padding: 0% 15px 22px;}
.textdata1 .btnPrimary a{ border: 1px solid #ffffff;}
}

@media only screen and (max-width:992px) {
/* menu*/
nav ul { width: 100%;}
.dropdown-list a:hover {background-color: transparent;}
ul.dropdown-list{background-color: #fff; position: static; width: 100%;  padding:0 19px 0 19px;float: left; box-shadow: 0 0 0 rgba(0,0,0,.2);}
.dropdown-list li a{ border-top: 1px solid transparent !important;}
.toggle_menu ul li .fa{ float: right; font-size: 24px;}
.mobile_btn {display: block;float: left; margin: 8px 0px 5px 0px;}
.main-nav .addmolist{ padding: 7px 15px 20px;    border-top: 1px solid #e9e9e9;    display: block;    float: left;    width: 100%;    position: static;}
nav ul li{padding:0px} 
.main-nav  {background: #fff;}
.main-nav .container .col-md-12{padding: 0px;}
.desktop_nav {display: none !important;}
.mobile_nav {display: block !important; width: 100%;    padding: 7px 0 0;}
.mobile_nav a.button.primary{font-size: 16px; margin: 12px 0 0 0px;width: 100%; max-width: 100%;}

.rotedArrow1 i.fa.fa-angle-down, .rotedArrow2 i.fa.fa-angle-down, .rotedArrow3 i.fa.fa-angle-down, .rotedArrow4 i.fa.fa-angle-down {    transform: rotate(180deg);  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);}
.toggle_menu ul li:hover > a,.toggle_menu ul li:active > a{ color: #337ab7;}
.addmolist a.button.primary:nth-child(2){ border: 1px solid #0171ad !important; color: #0171ad; background-color: #fff;}
.addmolist a.button.primary:hover{ background-color: #000000;color: #FFFFFF;}
.CloseMenu { text-align: center;  padding: 20px 0; height: 100%;}
.CloseMenu:after{ display:none}
.CloseMenu img{cursor: pointer;}
button.close img{height: 24px;}
.listul{ padding: 0 6px 18px;}
.textdata1 .btnPrimary { margin: 0px 0 0;}
.addre img { max-width: 100%;}
}


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

.slider { min-height: auto; background: #ffffff; }
.titleName,.sliderCourses .slidefix3 .titleName{ text-align: left;padding: 32px 0 19px; }
.titleName span{ display: inline; }
.adaptable_design .slick-slide img { display: none;}
.titleName p{ padding: 5px 0 3px;    font-size: 16px;}
.slider img.sliderDesk{ display: none;}
.slider img.sliderMobile { display: block;  width: 100%;}
.titleName h1 { margin:2px 0 2px;}

.textdata{width: 100%;}
.textdata1{ margin-top: 16px;text-align: center;}
.helpprin h2{padding: 0 0 10px;}
.textdata h2 { margin: 8px 0 7px;text-align: center;}
.textdata p {  font-size: 16px;}
.helpprin li { flex-basis: 100%; align-items: center;padding: 20px 0px; }
.listul { padding: 7px 10px;  max-width: 200px;  margin: auto;}
.listul ul{ max-width: 220px; margin: auto;}
.listul ul li { text-align: left;}
.allmodel .modal-body{  height: 350px;}
.btnsho{ margin: 23px 0 18px;}
.coursesTopic h2.adnewhed{padding: 0px 0 27px;}

.coursesTopic{padding: 62px 0 47px;}
.allmodel .modal-body h2 {  padding: 12px 0 13px;}
.pritconti  { padding: 38px 0 25px;}
 h5.mb-0.addfonts{ font-size: 16px;}
.addacoo .card:last-child a{ border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom: 15px;}
.AccordionBg{padding:49px 0 12px;}
.textdata.Climate_Desktop {  padding: 0 0px;}
/* .coursesSlide p{  font-size: 20px;}  */
p.seccen{font-size: 16px;}
.container {  width: 100%;}
.helpprin li h4{ font-size: 20px;}
.textdata h4{font-size: 22px;}
.helpprin p { font-size: 16px;}
#accordion .panel-title a{ font-size: 16px;}
.design .text-above-image a {height: 50px; width: 50px; line-height: 45px; font-size: 20px;}
.design .videoDesk{display: none;}
.design .videoMo{display: block;}
.textdata.Climate_Desktop{ margin: 13px 0 0;    text-align: center;}
.textdata1 .btnPrimary {  margin: 13px 0 11px;}
}

@media only screen and (max-width:640px){
.animateBox{ margin: 15px 0px; min-height: 414px;  padding: 40px 17px 90px; overflow: hidden;}
.fulldiv{ padding: 27px 0;}
.coursesSlide .slick-slide { margin: 0 25px;}
#accordion .card .panel-title a i {  margin: 0 0px 0 21px;}
}