/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1480px) {

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
.header__logo2{padding-left: 10px;}
.header__contact a{font-size: 14px;}
.header__contact p{font-size: 11px; letter-spacing: 1px;}
.necessarily__item_title{left: 30%;-webkit-transform: translate(-20%, 0%);    -moz-transform: translate(-20%, 0%);    -ms-transform: translate(-20%, 0%);    -o-transform: translate(-20%, 0%);    transform: translate(-20%, 0%);}
.necessarily__item_dsc{height: 120px;}
.necessarily__item_dsc br{display: none;}
.header__logo2 img{max-width: 140px;}
.map_wr{left: calc(50% - 480px);}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
#necessarily,#fine,#expert,#loans,#notification,#exclusive,#experience{padding: 50px 0px;}
.fine__dsc_txt,.notification__dsc_txt,.notification__dsc_txt{font-size: 24px; line-height: 30px;}
.necessarily__box{margin-top: 30px;}
.video_b{margin-bottom: 50px;}
.necessarily__item{height: auto;}
.someone__box .row{justify-content: center!important;}
.someone_item{margin: 0px 10px 20px;}
#header .header__contact{display: none;}
.index_slogan h1{font-size: 30px;}
.fine__dsc_head{line-height: 30px; font-size: 26px;}
.fine__dsc_head br{display: none;}
.title p{font-size: 28px;}
.doc_loans li{padding: 0px 5px;}
.map__box{width: 500px;}
#map_b .map__box_title{font-size: 24px; padding-bottom: 10px;}
#map_b .map__box_content_top{display: inline-block;}
.map_wr {left: calc(50% - 360px);}
.map__box_content_top:before{display: none;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#necessarily,#expert,#loans,#notification,#exclusive,#experience{padding: 30px 0px;}
#fine{padding: 40px 0px;}
.fine__box,.fine__dsc,#fine .b_btn,.exclusive__box{text-align: center;}
.slider{max-width: 290px;}
.item.slick-slide{width: 240px;     height: 325px !important;}
.map_wr{left: 0px;    top: 0%;    -webkit-transform: translate(0%, 0%);    -moz-transform: translate(0%, 0%);    -ms-transform: translate(0%, 0%);    -o-transform: translate(0%, 0%);    transform: translate(0%, 0%);}.map__box_content_top{display: inline-block;}
.map__box{padding: 15px;}
#experience .slick-prev{left: 0px;}
.header__contact{margin-bottom: 15px;}
#experience .slick-next{right: 0px;}
.doc_exclusive{float: inherit;}
.notification__box{text-align: center;}
.notification__dsc{padding-right: 0px; text-align: center;}
#notification .b_btn{padding-right: 0px;}
.doc_notification {margin-top: 30px!important;}
.loans__box{text-align: center;}
.loans__dsc{padding-top: 40px;}
#fine .b_btn{padding: 0px; margin: 15px 0px;}
.fine__dsc{padding-right: 0px;}
.document_img{margin: 10px 0px;}
.exclusive__dsc{margin-top: 30px;}
.fine__dsc_txt,.notification__dsc_txt,.notification__dsc_txt{font-size: 18px;  line-height: 23px;}
.index_slogan h1{font-size: 22px;}
.header__logo {flex: 0 0 50%;}
.header_box{flex-wrap: wrap;}
.header__btn{flex: 0 0 100%;}
.header_box{text-align: center;}
.header__btn{margin-top: 10px;}
#header{padding: 5px 0px;}
#loans .b_btn{margin-top: 10px;}
.title p,.fine__dsc_head{font-size: 22px;}
.map__box_title{font-size: 22px; padding-bottom: 10px;}
.fine__dsc_head{line-height: 26px;}
.index_slogan h1 br{display: none;}
#map{height: 260px;}
.popup_window p{font-size: 20px;}
.popup_window_head a{font-size: 18px;}
button.mfp-close{right: 0px;}
.header__logo a{justify-content: center;}
.header_box{justify-content: center;}
.popup_window{padding: 25px 15px;}
.map_wr{position: relative;     background: rgba(248,248,248,0.9)}
.experience__box{text-align: center;}
.map__box{text-align: center; width: 100%;}
.map__box_content_email, .map__box_content_map{justify-content: center;}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 560px) {
.doc_loans li{padding: 10px 3px;}
}
/* bacustom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}