/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.container {
	width: 1000px;
	margin: auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 999px){
.container {
	width: 747px;
	margin: auto;
}

.logo {
	width: 40%;
}
.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}
.menu_rlinks {
	width: 25%;
}

}


@media only screen and (min-width: 640px) and (max-width: 767px){
.container {
	width: 590px;
	margin: auto;
}

.logo {
	width: 40%;
}
.menu_main {
	width: 60%;
}

.menu_main_full {
	width: 75%;
}

.menu_rlinks {
	width: 25%;
}
.menu_rlinks .mrbut {
	padding-right: 10px;
	padding-left: 10px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 440px;
	margin: auto;
}

.logo {
	width: 100%;
}
.menu_main {
	width: 100%; padding-top: 0;
}

.menu_main_full {
	width: 70%;
}
.menu_main_full.three {
	width: 100%;
}

.menu_rlinks {
	width: 30%;
	display: none;
}
.menu_rlinks .mrbut {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu_main.rslinks {
	width: 72%;
}
.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:200px !important; object-fit:cover; object-position:top left; }

.ms-view img{ margin-top:0 !important; }



.top_section .left {   width: 100%;}
.top_section .right {   width: 100%; display:none;}

.home-about:before {   right: 0px;    width: 100px;}
.about-one-leftbox .box-style-area {  position: relative; margin-bottom: 20px}
.sec-title h2 {   font-size: 2.5rem;    line-height: 2.8rem;}
.home-about {  padding-top: 70px;   padding-bottom: 70px;}
.why-section { padding: 60px 0;}
.why-title h2 {  font-size: 36px;  line-height: 44px;   margin-bottom: 2rem;  width: 100%;}

.countries-section .bg-image { display: none;}
.col-5-box { width: 100%;  margin-bottom: 20px;}
.gallery-title {  padding: 0px 0px 40px;}
.gallery-title h2 { font-size: 25px;   line-height: 37px;  margin-bottom: 0px;}
.footer-1 { width: 100%;   margin-right: 0%;}
.footer-2 { width: 100%;   margin-right: 0%;}
.footer-3 { width: 100%;   margin-right: 0%;  padding-top: 0px;}
.footer-4 { width: 100%;   margin-right: 0%;}
.copyright-text {  width: 100%;}
.social-links {  width: 100%;}
ul.footer_social_links {  float: left;}
/*================page=======================*/

.pagebanner-text h1 {   font-size: 2rem;    line-height: 30px;}
.pagebanner-text {   padding: 40px 0px 40px;}
.about-page-left h2 {  font-size: 1.65rem;    line-height: 2.4rem;}
.inner-page section {  padding: 40px 0px;}
.sec-devider-text h1 {  font-size: 2rem;}
.about-box-inner h3 {    font-size: 1.5rem;    line-height: 40px;}
.page-sec-title {  font-size: 2rem;   line-height: 2.5rem;}
.service-contact h3 {   font-size: 2rem;   line-height: 2.5rem;}
.about-box-inner {   padding: 25px 30px;}
.contact .email-form {   padding: 30px 30px;}
}

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

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 300px;
	margin: auto;
}


.logo {
	width: 100%;
}
.menu_main {
	width: 100%; padding-top: 0;
}

.menu_main_full {
	width: 70%;
}
.menu_main_full.three {
	width: 100%;
}

.menu_rlinks {
	width: 30%;
	display: none;
}
.menu_rlinks .mrbut {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

.menu_main.rslinks {
	width: 72%;
}
.ms-view, .ms-mask-frame, .ms-slide, .ms-view img{ height:200px !important; object-fit:cover; object-position:top left; }

.ms-view img{ margin-top:0 !important; }



.top_section .left {   width: 100%;}
.top_section .right {   width: 100%; display:none;}

.home-about:before {   right: 0px;    width: 100px;}
.about-one-leftbox .box-style-area {  position: relative; margin-bottom: 20px}
.sec-title h2 {   font-size: 2.5rem;    line-height: 2.8rem;}
.home-about {  padding-top: 70px;   padding-bottom: 70px;}
.why-section { padding: 60px 0;}
.why-title h2 {  font-size: 36px;  line-height: 44px;   margin-bottom: 2rem;  width: 100%;}

.countries-section .bg-image { display: none;}
.col-5-box { width: 100%;  margin-bottom: 20px;}
.gallery-title {  padding: 0px 0px 40px;}
.gallery-title h2 { font-size: 25px;   line-height: 37px;  margin-bottom: 0px;}
.footer-1 { width: 100%;   margin-right: 0%;}
.footer-2 { width: 100%;   margin-right: 0%;}
.footer-3 { width: 100%;   margin-right: 0%;  padding-top: 0px;}
.footer-4 { width: 100%;   margin-right: 0%;}
.copyright-text {  width: 100%;}
.social-links {  width: 100%;}
ul.footer_social_links {  float: left;}
/*================page=======================*/

.pagebanner-text h1 {   font-size: 2rem;    line-height: 30px;}
.pagebanner-text {   padding: 40px 0px 40px;}
.about-page-left h2 {  font-size: 1.65rem;    line-height: 2.4rem;}
.inner-page section {  padding: 40px 0px;}
.sec-devider-text h1 {  font-size: 2rem;}
.about-box-inner h3 {    font-size: 1.5rem;    line-height: 40px;}
.page-sec-title {  font-size: 2rem;   line-height: 2.5rem;}
.service-contact h3 {   font-size: 2rem;   line-height: 2.5rem;}
.about-box-inner {   padding: 25px 30px;}
.contact .email-form {   padding: 30px 30px;}

}