/* 1170px to 980px or 768px */
@media screen and (max-width: 1200px) {

[class*="col-lg"], [class*="col-md"], [class*="col-sm"] [class*="col-xs"] {display:inline-block; vertical-align:top; margin:0 -4px 0 0; float:none; }
.img-holder figure img{width: 100%;}
#header .top-nav-inner{width: 100%; padding: 0 15px;}

}

/* 980px to 768px */
/* If Required */
@media screen and (max-width: 980px) {
.cs-table .table-responsive { overflow: scroll; }
.column-text p{color: #000;}
.img-holder-left figure {position: initial;}
.img-holder-left figure img{opacity: 0.5; max-width: 100%;}
.column-text {padding-top: 30px;}
.table-holder{width: 100%; overflow-x: scroll;}
#header .top-nav {padding: 20px 15px 20px 0;}
#header .top-nav ul li {padding: 0 0 0 10px;margin-left: 10px;}
.top-nav .slicknav_menu {display: inline-block;}
.top-nav .menu {display: none;}
.top-nav {display: flex; align-items: center; flex-direction: row-reverse; padding: 0 20px;}
.top-nav .slicknav_menu .slicknav_nav {position: absolute; top: 100%; right: 10px; width: 200px; background-color: #ecf4f7; transition: none; padding: 15px 15px 20px; text-align: right;}
.top-nav .slicknav_menu .slicknav_nav li {margin: 0 0 15px; display: block; border-left: 0;}
.top-nav .slicknav_menu .slicknav_nav li:last-child {margin-bottom: 0; padding-bottom: 0;}
/*Responsive Menu Style Start*/
.slicknav_menu { display: none; }
.slicknav_btn { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 30px; height: 30px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; border: none; cursor: pointer; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }
.slicknav_menu .slicknav_menutxt { display: none; float: left; color: #fff; font-weight: bold; line-height: 14px; border: none; margin-right: 6px; }
.slicknav_menu .slicknav_icon { display: block; position: absolute; top: 14px; left: 5px; right: 5px; height: 2px; background: white; }
.slicknav_menu .slicknav_icon:before, .slicknav_menu .slicknav_icon:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; }
.slicknav_menu .slicknav_icon:before { top: -6px; }
.slicknav_menu .slicknav_icon:after { bottom: -6px; }
.slicknav_btn { background-color: #408fcd; }
.slicknav_btn .slicknav_icon { -moz-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.slicknav_btn .slicknav_icon:before, .slicknav_btn .slicknav_icon:after { -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; transition-delay: .3s, 0s; }
.slicknav_btn .slicknav_icon:before { -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; -moz-transition-property: top, transform, -moz-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform, -moz-transform; }
.slicknav_btn .slicknav_icon:after { -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, transform, -moz-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform, -moz-transform; }
/* active state, i.e. menu open Start*/
.slicknav_btn.slicknav_open .slicknav_icon { background: none; }
.slicknav_btn.slicknav_open .slicknav_icon:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.slicknav_btn.slicknav_open .slicknav_icon:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.slicknav_btn.slicknav_open .slicknav_icon:before, .slicknav_btn.slicknav_open .slicknav_icon:after { background: #fff !important; -webkit-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }
/* active state, i.e. menu open End*/
.page-section.bg-mobile {background-size: 200% !important; min-height: 520px !important;}
.img-holder-right {position: initial;}
.img-holder-right img {max-width: 100%;}


}
@media screen and (min-width: 640.99px) and (max-width: 767px){
    #header .top-nav ul li a.button-buy {padding: 6px 15px;}
    #header .top-nav ul li {padding: 0 0 0 5px;margin-left: 5px;}
    #header .top-nav ul li a{font-size: 14px;}
    #header .top-nav ul li a, #header .top-nav ul li{line-height: 14px;}
}
/* 767px to 480px */
@media screen and (max-width: 767px) {
	.cs-btn + .cs-btn{margin-top: 10px;}
	.main-heading-top {padding: 200px 0 130px;}
	#myButton.page-section {padding-top: 70px !important;}

}
@media screen and (max-width: 640px) {
   #header .top-nav-inner .logo{float: none;}
   #header .top-nav-inner .menu{float: none;}
   #header .top-nav ul li{border: 0; margin-left: 5px; padding: 0 0 0 5px;}
}
/* 480px to 320px */
@media screen and (max-width: 480px) {
.pricetable-holder.classic{width: 100%;}
.main-heading-top h2{font-size: 30px; line-height: 40px;}
.main-heading-top h2 span{font-size: 45px;}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}