


 

 


 

 
 
 
 


 
/*_________________________Responsive css__________________________*/

@media screen and (max-width:1199px){
    /* Content container */
    .captivate_images_page_container{width:100%;padding:0 2%;box-sizing:border-box;}
    #next-btn, #prev-btn{display:none;}
    /* How it works page content */
    #show_help_content, #show_help_content > div{width:100% !important;box-sizing:border-box;}
    /* Advanced events search */
    div.layout_captivate_landing_search .siteevent-search-box .form-elements{width:100% !important;position:relative;}
    div.layout_captivate_landing_search .siteevent-search-box #buttons-wrapper, div.layout_captivate_landing_search .siteevent-search-box #submitButton-element {margin: 0 !important;position: absolute;right: 0 !important;top: 0;}
	html[dir="rtl"] div.layout_captivate_landing_search .siteevent-search-box #submitButton-element {left: 0 !important; right: auto;}
    .layout_captivate_landing_search .siteevent-search-box button{margin-left:-40px;margin-top:-1px;}
	html[dir="rtl"] .layout_captivate_landing_search .siteevent-search-box button{margin-right:-40px; margin-left:0;}
    .layout_captivate_landing_search .layout_siteevent_searchbox_siteevent{width:100%; padding:0 10px; box-sizing:border-box;}
    div.layout_captivate_landing_search .layout_siteevent_searchbox_siteevent input, div.layout_captivate_landing_search .layout_siteevent_searchbox_siteevent select{width:100% !important;}
    .layout_captivate_images .siteevent-search-box {width: 100%;}
    .layout_siteevent_searchbox_siteevent #searchBox.siteevent-search-box .form-elements .form-wrapper {width: 23%;}
    /* advanced search */
    .layout_captivate_landing_search .layout_siteadvsearch_search_box {display: block !important;}
    /* Help button bottom spacing */
    .captivate_images_middle_caption a{margin-bottom:40px;}
}

@media screen and (max-width:768px){
    /* Home page video search */
    .layout_captivate_landing_search form input[type="text"]{max-width:inherit !important;min-width:inherit !important;}
    #global_content .layout_captivate_images .layout_captivate_landing_search .layout_siteadvsearch_search_box input[type="text"]{width:95% !important;}
    .layout_captivate_landing_search ul.adsearch-autosuggest {display:none !important;}
    /* How it woks */
    #how_it_works{min-height:410px;}
    /*#how_it_works{display:table;}*/
    #show_help_content > div div{ background-size: 100% auto;width:33% !important;}
    #show_help_content div a span:last-child{font-size:12px !important;}
    #show_help_content div{margin-bottom:0 !important;margin-top:40px !important;}
    div#show_help_content > div div > div {height: auto !important;min-height: 100px !important;}
    /* Logo */
    .captivate_images_image_content .layout_core_menu_logo {margin: 14px 0 0 0;width: 52%;}
    .captivate_images_image_content .layout_core_menu_logo a {font-size: 20px;}
    .captivate_images_image_content div.layout_core_menu_logo a img {margin-top: 0; max-width:80%;}
    /* Browse main menu */
    .seao_browse_btn{padding:0;}	
    /*Browse Button*/
    .captivate_images_image_content .seao_browse_btn {background:#fff;border-radius: 0;margin: 0;padding: 4px 20px; position: absolute;left: 0;right: 0;top: 0;}
    .seao_menu_toggle {cursor: pointer;display: block;float: left;font-size: 22px !important;padding: 6px 14px;}
	html[dir="rtl"]  .seao_menu_toggle {float: right;}
    .seao_browse_btn a {display:none;}
    .seao_browse_btn:hover .navigation{display:none;}
    .seao_browse_btn .navigation {box-sizing: border-box;float: left;left: 0;margin:32px auto !important;right: 0;width: 100%;}
	html[dir="rtl"] .seao_browse_btn .navigation {float: right;}
    .seao_browse_btn .navigation::after, .seao_browse_btn .navigation::before{content:none;}
    /* Video top head container */
    .captivate_images_top_head{margin-top:40px;}
    /*Create Event button*/
    .captivate_images_create_account_btn{left:0; position:absolute; right:0; text-align:center; width:100%; margin:50px 0 0;}
    .captivate_images_create_account_btn a {padding: 5px 14px;}	
    /* top sigup-sign in buttons */
    .captivate_images_top_head_right {width:45%;text-align: right;}
	html[dir="rtl"] .captivate_images_top_head_right {text-align: left;}	
    .captivate_images_middle_caption{margin-top:55px; min-height: 130px;}
    .captivate_images_middle_caption > h3 {font-size: 20px;margin-bottom:5px;line-height:25px;letter-spacing: normal;}
    .captivate_images_middle_caption p{font-size:14px; letter-spacing: normal;}
    .captivate_images_middle_caption a{margin-bottom: 8px; padding: 5px 20px; font-size: 14px;}
    .captivate_images_page_container .spec_btnsblock a{padding: 5px 20px; font-size: 14px;}
    /* slider images */
    .layout_captivate_images .slideblok_image img, .layout_captivate_images #slide-images{height:410px;}
    div.layout_captivate_images + div{ margin-top: 410px;}	
    /*Advanced Search*/
    div.layout_captivate_landing_search{padding: 15px 0; position:relative; margin-top:340px;margin-right:-2%;margin-left: -2%;width: auto;}	
	/*Captivate Html Block Widget*/
	.layout_captivate_html_block > div > div{width: 100% !important;}
}

@media only screen and (max-width:680px){
	/* CSS for search-box for video*/
	.sitevideo-video-search-box .form-wrapper{width: 31%;}
	.layout_captivate_landing_search .layout_sitevideo_searchbox_video_sitevideo{width: 100%;}
	.layout_captivate_landing_search #submitButton-wrapper{width: 7%;}
}

@media screen and (max-width:580px){
    /* How it works */
    div#show_help_content > div div > div{min-height: 50px !important;}
    #show_help_content div div span{font-size:16px !important;}
    /* Advanced search */
    .layout_captivate_images .layout_siteadvsearch_search_box form{width:92%;}
}

@media only screen and (max-width:460px){
	/* CSS for search-box for video*/
	div.layout_captivate_landing_search .layout_sitevideo_searchbox_video_sitevideo input,   div.layout_captivate_landing_search .layout_sitevideo_searchbox_video_sitevideo select {padding-left: 6px !important; }
 	.layout_captivate_landing_search button{margin-left: -60px;}
}

